加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex 3 AdvancedDataGrid的使用(七)

发布时间:2020-12-15 01:13:16 所属栏目:百科 来源:网络整理
导读:对分层数据进行列分组 和扁平数据一样,您使用分层数据进行列分组,以下例子修改自“为导航树创建单独的列“章节中的示例以将Actual和Estimates列归组到Revenues组列中: ?xml version = "1.0" encoding = "utf-8" ? mx:Application xmlns:mx = "http://www.
对分层数据进行列分组

和扁平数据一样,您使用分层数据进行列分组,以下例子修改自“为导航树创建单独的列“章节中的示例以将Actual和Estimates列归组到Revenues组列中:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
include "SimpleHierarchicalData.as";
]]>

</mx:Script>
<mx:AdvancedDataGrid width="100%" height="100%">
<mx:dataProvider>
<mx:HierarchicalData source="{dpHierarchy}"/>
</mx:dataProvider>
<mx:groupedColumns>
<mx:AdvancedDataGridColumn dataField="Region"/>
"Territory_Rep"
headerText="Territory Rep"/>
<mx:AdvancedDataGridColumnGroup "Revenues">
"Actual"/>
"Estimate"/>
</mx:AdvancedDataGridColumnGroup>
</mx:groupedColumns>
</mx:AdvancedDataGrid>
</mx:Application>

运行示例

上面的列分组示例中并没有为AdvancedDataGridColumnGroup类指定数据字段,但是,AdvancedDataGridColumnGroup类就是被设计用于和分层数据一起工作的。因此,如果您给AdvancedDataGridColumnGroup类指定一个数据字段的话,它将自动给该数据字段的子字段创建一个列分组。

在下面示例中,HierarchicalDataForGroupedColumns.as文件定义了一个分层数据,设置Revenues字段包含俩个子字段,Actual 和Estimate:

[Bindable]
private var dpHierarchy:ArrayCollection = new ArrayCollection([
{Region:"Southwest",Territory:"Arizona",
Territory_Rep:"Barbara Jennings",
Revenues:{Actual:38865,Estimate:40000}},
"Dana Binn",204)">29885,204)">30000"Central California",0)">"Joe Smith",204)">29134,0)">"Nevada",0)">"Bethany Pittman",204)">52888,204)">45000"Northern California",0)">"Lauren Ipsum",204)">38805,0)">"T.R. Smith",204)">55498,0)">"Southern California",0)">"Alice Treu",204)">44985,0)">"Jane Grove",204)">44913,102)">}
]);

下面示例使用该数据并且指定Revenues字段为AdvancedDataGridColumnGroup.dataField属性的值,其输出如下:

以下是实现代码:

<![CDATA[
import mx.collections.ArrayCollection;
include "HierarchicalDataForGroupedColumns.as";
]]>

id="myADG"
"100%"
defaultLeafIcon="{null}">
"Territory"/>
</mx:Application>

运行示例

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读