- 浏览: 138643 次
- 性别:
- 来自: 火星
文章分类
最新评论
-
rogermmjj:
挺好使的呢
Flex AdvancedDataGrid 子节点渲染器展开式混乱问题 -
dong_yunqiqiqi:
讲的不错!
python模块和类在import上的区别 -
zhzczyc:
试了一下 还是不管用。。
Flex AdvancedDataGrid 子节点渲染器展开式混乱问题 -
zhzczyc:
博主 可方便贴出完整代码?
Flex AdvancedDataGrid 子节点渲染器展开式混乱问题 -
xiaoranchenxi:
_allot 是个啥东东?
Flex AdvancedDataGrid 子节点渲染器展开式混乱问题
问题:
在ADG的数据源的顶层数据有两列数据显示某人的家庭地址和工作地址,但是这位同志的儿子在家上班(或者说家庭地址和工作地址一样),我们不希望在两列显示相同的地址,而是让地址跨两列显示。
解决方案:
使用ADG的特殊功能(列分组),把列相同的合并为一组显示,而不是在每列显示相同的数据。
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",sex:"man",homeAddress:"New jersey",workAddress:"Nevada",email:"jobs@gmail.com"} ,{name:"marry",sex:"woman",homeAddress:"Mississippi",workAddress:"Montana",email:"marry@gmail.com"} ]); protected function application1_creationCompleteHandler(event:FlexEvent):void { // TODO Auto-generated method stub var childrens:Array = new Array(); childrens.push({name:"tom",homeAddress:"Indiana",sex:"man",email:"tom@gmail.com"}); dp.getItemAt(0).children = childrens; //children 指定层级关系 childrens = new Array(); childrens.push({name:"laly",homeAddress:"Indiana",sex:"woman",email:"laly@gmail.com"}); dp.getItemAt(1).children = childrens; var fd:HierarchicalData = new HierarchicalData; fd.source = dp; dd.dataProvider = fd; } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:AdvancedDataGrid id="dd" width="100%" height="100%"> <mx:columns> <mx:AdvancedDataGridColumn dataField="name" headerText="姓名" /> <mx:AdvancedDataGridColumn dataField="sex" headerText="性别" /> <mx:AdvancedDataGridColumn dataField="homeAddress" headerText="家庭地址" id="address"/> <mx:AdvancedDataGridColumn dataField="workAddress" headerText="工作地址" /> <mx:AdvancedDataGridColumn dataField="email" headerText="邮箱" /> </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:"jobs",sex:"man",homeAddress:"New jersey",workAddress:"Nevada",email:"jobs@gmail.com"} ,{name:"marry",sex:"woman",homeAddress:"Mississippi",workAddress:"Montana",email:"marry@gmail.com"} ]); protected function application1_creationCompleteHandler(event:FlexEvent):void { // TODO Auto-generated method stub var childrens:Array = new Array(); childrens.push({name:"tom",homeAddress:"Indiana",sex:"man",email:"tom@gmail.com"}); dp.getItemAt(0).children = childrens; //children 指定层级关系 childrens = new Array(); childrens.push({name:"laly",homeAddress:"Indiana",sex:"woman",email:"laly@gmail.com"}); dp.getItemAt(1).children = childrens; var fd:HierarchicalData = new HierarchicalData; fd.source = dp; dd.dataProvider = fd; } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:AdvancedDataGrid id="dd" width="100%" height="100%"> <mx:columns> <mx:AdvancedDataGridColumn dataField="name" headerText="姓名" /> <mx:AdvancedDataGridColumn dataField="sex" headerText="性别" /> <mx:AdvancedDataGridColumn dataField="homeAddress" headerText="家庭地址" id="address"/> <mx:AdvancedDataGridColumn dataField="workAddress" headerText="工作地址" /> <mx:AdvancedDataGridColumn dataField="email" headerText="邮箱" /> </mx:columns> <mx:rendererProviders> <!--column 指定渲染的列可以使用id,亦可指定columnIndex(从0开始) ; columnSpan指定跨度 ; depth指定深度(从1开始),这里我们为子类也就是第二层指定渲染器 --> <mx:AdvancedDataGridRendererProvider column="{address}" columnSpan="2" depth="2" renderer="com.google.test.TestRender"/> </mx:rendererProviders> </mx:AdvancedDataGrid> </s:Application>
渲染器TestRender.mxml
<?xml version="1.0" encoding="utf-8"?> <s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" focusEnabled="true"> <s:Label id="lblData" width="100%" textAlign="center" text="{data.homeAddress}" /> </s:MXAdvancedDataGridItemRenderer>
显示效果
发表评论
-
Flex 框架PureMVC 源码解析之--View篇
2011-12-29 17:43 2104/* PureMVC - Copyright ... -
Flex 框架PureMVC 源码解析之--IView篇
2011-12-29 17:41 1706首先了解一下几个容易混淆的概念: 消息(Notif ... -
Flex AdvancedDataGrid 子节点渲染器展开式混乱问题
2011-12-29 12:44 2687上次写道在Flex AdvancedDataGrid中使用树形 ... -
Flex 自定义List实现在切换Item前判断条件
2011-12-28 10:33 1768目前项目中需要在List的Item切换前根据条件决定是否切换, ... -
Flex 框架PureMVC 源码解析之--Controller篇
2011-12-22 16:58 17501、Controller实现了IController接口,提供 ... -
Flex 框架PureMVC 源码解析之--IController篇
2011-12-22 16:10 17581、最近工作的事情不太多,自己flex水平也很一般,只是经常用 ... -
Flex 中的undefined类型
2011-12-07 17:09 40031、一个适用于尚未初始化的无类型变量或未初始化的动 ... -
Flex AdvancedDataGrid 分层显示
2011-12-05 15:36 2712AdvancedDataGrid 实际上是增强版的DataGr ... -
Flex DataGrid 构建自己的编辑器(itemEditor)
2011-11-18 17:24 39401、首先了解编辑器和渲染器的区别,拿DataGrid来说: ... -
在渲染器或编辑器中获取DataGrid的dataField
2011-11-14 18:41 2886要获取dataField首先要获取其父对象DataGrid,通 ... -
使用游标遍历DataGrid的dataProvider
2011-11-08 11:26 1306public function copyToClip(e ... -
Flex 中向对象的可变属性赋值
2011-10-31 17:33 1623var user:Object = new Object(); ... -
Flex 两个ArrayCollection合并
2011-09-30 17:53 1802摘自:http://www.techper.net/20 ... -
Flex 的getChildren()方法
2011-09-28 09:35 1487flex Container 类的getChildren方法只 ... -
flex Renderer中获取父对象
2011-09-28 09:34 1405要在渲染器中获得其父对象,通过实现IDropInListIte ... -
Flex 遍历对象的属性和值
2011-09-27 12:11 1272//_menu 为遍历对象 ... -
flex 删除对象的属性
2011-09-27 12:11 2231delete _menu.FoodCo ... -
flex 事件的target和currentTarget的区别
2011-09-27 12:10 912转自:http://blog.csdn.net/bincavi ... -
Flex 开发android程序键盘遮挡输入框解决方案
2011-09-27 12:09 23991、通过阅读api有个初步解决方案,通过监听虚拟键盘显 ... -
Flex DataGrid 复制选中行数据
2011-09-27 12:08 27861、选中行作为一个对象,可通过遍历对象获取 ...
相关推荐
flex AdvancedDataGrid实现checkBox全选功能 实现全选,多选功能
Flex应用3D饼图,柱图线图,仪表盘,AdvancedDataGrid表头皮肤,分数较高,不建议下载,仅自己保留
flex advancedDataGrid 中如何实现带checkbox的树
Flex技术中AdvancedDataGrid使用方法
NULL 博文链接:https://kidd.iteye.com/blog/1329253
功能:主要根据用户自定义的宾栏,也就是HeaderTitle部份是多层分组的,当用户预览后,点击导出,所见即所得。(备注:包括表头部份,和表尾部份)
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综合应用
NULL 博文链接:https://yunzhongxia.iteye.com/blog/652902
一个flash文件 可以对flex控件进行css可视化设计 非常的好用
NULL 博文链接:https://yunzhongxia.iteye.com/blog/1145400
AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar
最新的AdvancedDataGrid行嵌套AdvancedDataGrid实现,该例子只是实现AdvancedDataGrid利用AdvancedDataGridRendererProvider在行中渲染另外一个AdvancedDataGrid,当然也可以渲染其它任何想渲染的界面或者组件,价值...
AdvancedDataGrid实现双表头表格,在某些情况下还是比较实用的,下面有个不错的示例,感兴趣的朋友可以参考下
非常好用的 felx AdvancedDataGrid 多选框 单选框支持渲染器,不需改到AdvancedDataGrid 代码; 支持 xml 数据源的网上可查到一些, 但这个可是 支持 Array 类型数据源的。