AdvancedDataGrid 实际上是增强版的DataGrid,提供更强大的定制显示功能。
1、以树状结构显示数据
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="application1_creationCompleteHandler(event)">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.collections.HierarchicalData;
import mx.events.FlexEvent;
//children为array,指出DataGrid的层级关系
public var dp:ArrayCollection = new ArrayCollection([
{name:"jobs",email:"jobs@gmail.com",children:[{name:"tom",email:"tom@gmail.com"}]}
,{name:"marry",email:"marry@gmail.com"}
]);
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
var fd:HierarchicalData = new HierarchicalData;
fd.source = dp;
dd.dataProvider = fd;
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<mx:AdvancedDataGrid id="dd">
<mx:columns>
<mx:AdvancedDataGridColumn dataField="name" headerText="姓名">
</mx:AdvancedDataGridColumn>
<mx:AdvancedDataGridColumn dataField="email" headerText="邮箱">
</mx:AdvancedDataGridColumn>
</mx:columns>
</mx:AdvancedDataGrid>
</s:Application>
2、或者数据是动态获取的,你可以这样拼凑数据
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="application1_creationCompleteHandler(event)">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.collections.HierarchicalData;
import mx.events.FlexEvent;
//children为array,指出DataGrid的层级关系
public var dp:ArrayCollection = new ArrayCollection([
{name:"dd",email:"dudong0726@126.com"}
,{name:"lp",email:"liuhongyu8866@126.com"}
]);
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
var childrens:Array = new Array();
childrens.push({name:"ddlp",email:"ddlp@126.com"});
dp.getItemAt(0).children = childrens; //children 指定层级关系
var fd:HierarchicalData = new HierarchicalData;
fd.source = dp;
dd.dataProvider = fd;
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<mx:AdvancedDataGrid id="dd">
<mx:columns>
<mx:AdvancedDataGridColumn dataField="name" headerText="姓名">
</mx:AdvancedDataGridColumn>
<mx:AdvancedDataGridColumn dataField="email" headerText="邮箱">
</mx:AdvancedDataGridColumn>
</mx:columns>
</mx:AdvancedDataGrid>
</s:Application>
分享到:
相关推荐
flex advancedDataGrid 中如何实现带checkbox的树
Flex应用3D饼图,柱图线图,仪表盘,AdvancedDataGrid表头皮肤,分数较高,不建议下载,仅自己保留
flex AdvancedDataGrid实现checkBox全选功能 实现全选,多选功能
Flex技术中AdvancedDataGrid使用方法
NULL 博文链接:https://kidd.iteye.com/blog/1329253
AdvancedDataGrid控制具体某个单元格可编辑的例子,里面实现了原理,具体如何实现可视判断条件而定,因为自己也是很辛苦实现的,所以分就高点了,别介意,哈哈
flex-datagrid-advancedDataGrid-demo,做的datagrid及advanceddatagrid的例子,希望大家喜欢
flex AdvancedDataGrid 动态添加一行 动态为控制树添加一个节点
<![CDATA[ import mx.controls.CheckBox; import mx.controls.Alert; import com.as3xls.xls.ExcelFile;... Alert.show("行的数据分别是:"+o.idx+"/"+o.names+"/"+o.sex);...</mx:WindowedApplication>
用AdvancedDataGrid组件编写的一个简单的课件管理系统,这是个雏形,有一定的参考价值
flex datavisualization.swc flex 3 AdvancedDataGrid
AdvancedDataGrid综合应用
一个flash文件 可以对flex控件进行css可视化设计 非常的好用
AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar
最新的AdvancedDataGrid行嵌套AdvancedDataGrid实现,该例子只是实现AdvancedDataGrid利用AdvancedDataGridRendererProvider在行中渲染另外一个AdvancedDataGrid,当然也可以渲染其它任何想渲染的界面或者组件,价值...
AdvancedDataGrid实现双表头表格,在某些情况下还是比较实用的,下面有个不错的示例,感兴趣的朋友可以参考下
非常好用的 felx AdvancedDataGrid 多选框 单选框支持渲染器,不需改到AdvancedDataGrid 代码; 支持 xml 数据源的网上可查到一些, 但这个可是 支持 Array 类型数据源的。
AdvancedDataGrid导出复杂表头excel
公司项目中出于性能考虑,把mx:Repeater控件换成了mx:AdvancedDataGrid控件来显示。
今天我们要说的是官方文档中用了整章介绍的AdvancedDataGrid,AdvancedDataGrid是DataGrid的高级版本,Flex 3 SDK并不包含它,其和Charting Enhancements一起构成了Flex Data Visualization package,TNND,也就是说...