<?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"
creationComplete="init(event)">
<fx:Declarations>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
[Bindable]
private var collection:ArrayCollection;
protected function init(event:FlexEvent):void
{
this.collection = new ArrayCollection();
this.collection.addItem({name:'one',cost:3,city:'北京市'});
this.collection.addItem({name:'one',cost:4,city:'天津市'});
this.collection.addItem({name:'two',cost:1,city:'上海市'});
this.collection.addItem({name:'one',cost:12,city:'重庆市'});
this.collection.addItem({name:'one',cost:5,city:'河北'});
this.collection.addItem({name:'two',cost:8,city:'广州'});
}
]]>
</fx:Script>
<mx:AdvancedDataGrid sortExpertMode="true" creationComplete="mygroup.refresh()">
<mx:dataProvider>
<mx:GroupingCollection2 id="mygroup" source="{collection}" >
<mx:Grouping>
<!-- 分组字段 -->
<mx:GroupingField name="name">
<!--用于定义组级别摘要的 SummaryRow 实例的数组。指定一个或多个 SummaryRow 实例以定义数据摘要-->
<mx:summaries>
<!--
SummaryRow 类代表 AdvancedDataGrid 的摘要行。可使用 GroupingField 或 GroupingCollection 类的 summaries 属性创建有关数据组的摘要数据。在 AdvancedDataGrid 控件的现有行中显示摘要数据,或者在单独的行中显示。
GroupingField 或 GroupingCollection 类的 summaries 属性采用 SummaryRow 类的实例。然后,您可以使用 SummaryRow 类的 fields 属性指定一个或多个 SummaryField/SummaryField2 实例的 Array,这些实例定义用于创建摘要的数据字段。使用 GroupingCollection2 时需要使用 SummaryField2。
-->
<mx:SummaryRow summaryPlacement="last">
<mx:fields>
<!--
SummaryField2 类代表 SummaryRow 实例中的一个属性。每个 SummaryRow 实例都指定一个或多个用于创建数据摘要的 SummayField2 实例。
-->
<mx:SummaryField2 dataField="cost" label="summary" summaryOperation="SUM" />
</mx:fields>
</mx:SummaryRow>
<mx:SummaryRow summaryPlacement="last">
<mx:fields>
<!--
SummaryField2 类代表 SummaryRow 实例中的一个属性。每个 SummaryRow 实例都指定一个或多个用于创建数据摘要的 SummayField2 实例。
-->
<mx:SummaryField2 dataField="cost" label="summary1" summaryOperation="MIN" />
</mx:fields>
</mx:SummaryRow>
</mx:summaries>
</mx:GroupingField>
</mx:Grouping>
</mx:GroupingCollection2>
</mx:dataProvider>
<mx:columns>
<mx:AdvancedDataGridColumn dataField="name" />
<mx:AdvancedDataGridColumn dataField="cost" />
<mx:AdvancedDataGridColumn dataField="city" />
</mx:columns>
<mx:rendererProviders>
<!-- AdvancedDataGridRendererProvider 实例定义由 AdvancedDataGrid 控件使用的单个项呈示器的特征。使用 AdvancedDataGridRendererProvider 类的属性可配置 AdvancedDataGrid 控件中使用项呈示器的位置。 -->
<!-- filed 呈示器的数据提供程序中的数据字段。此属性是可选的。 -->
<!-- columnIndex 索引位置 columnSpan应跨的列数-->
<mx:AdvancedDataGridRendererProvider dataField="summary" columnIndex="1" columnSpan="2">
<mx:renderer>
<fx:Component>
<s:MXAdvancedDataGridItemRenderer >
<s:Label text="Total number of items : {data.summary}" verticalCenter="0"/>
</s:MXAdvancedDataGridItemRenderer>
</fx:Component>
</mx:renderer>
</mx:AdvancedDataGridRendererProvider>
<mx:AdvancedDataGridRendererProvider dataField="summary1" columnIndex="1" columnSpan="2">
<mx:renderer>
<fx:Component>
<s:MXAdvancedDataGridItemRenderer >
<s:Label text="Total number of items : {data.summary1}" verticalCenter="0"/>
</s:MXAdvancedDataGridItemRenderer>
</fx:Component>
</mx:renderer>
</mx:AdvancedDataGridRendererProvider>
</mx:rendererProviders>
</mx:AdvancedDataGrid>
<!--
AdvancedDataGridRendererProvider 中dataFiled在文档中表明该属性可选。删除之后会出现每一列都会有渲染器中的信息。
如果在数据源中添加summary属性也同样会出现上述问题(包含summery、summery1的数据所在的行中均会显示)
??????
-->
</s:Application>
分享到:
相关推荐
AdvancedDataGrid综合应用
AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar
最新的AdvancedDataGrid行嵌套AdvancedDataGrid实现,该例子只是实现AdvancedDataGrid利用AdvancedDataGridRendererProvider在行中渲染另外一个AdvancedDataGrid,当然也可以渲染其它任何想渲染的界面或者组件,价值...
功能:主要根据用户自定义的宾栏,也就是HeaderTitle部份是多层分组的,当用户预览后,点击导出,所见即所得。(备注:包括表头部份,和表尾部份)
Flex应用3D饼图,柱图线图,仪表盘,AdvancedDataGrid表头皮肤,分数较高,不建议下载,仅自己保留
Flex技术中AdvancedDataGrid使用方法
非常好用的 felx AdvancedDataGrid 多选框 单选框支持渲染器,不需改到AdvancedDataGrid 代码; 支持 xml 数据源的网上可查到一些, 但这个可是 支持 Array 类型数据源的。
AdvancedDataGrid控制具体某个单元格可编辑的例子,里面实现了原理,具体如何实现可视判断条件而定,因为自己也是很辛苦实现的,所以分就高点了,别介意,哈哈
flex AdvancedDataGrid 动态添加一行 动态为控制树添加一个节点
flex datavisualization.swc flex 3 AdvancedDataGrid
flex-datagrid-advancedDataGrid-demo,做的datagrid及advanceddatagrid的例子,希望大家喜欢
advancedDataGrid单击逐级展开的例子,单击advanceddatagrid的某一级,就会展开该节点。
flex AdvancedDataGrid实现checkBox全选功能 实现全选,多选功能
将复杂表头的AdvancedDataGrid导出EXCEL
flex advancedDataGrid 中如何实现带checkbox的树
用AdvancedDataGrid组件编写的一个简单的课件管理系统,这是个雏形,有一定的参考价值
公司项目中出于性能考虑,把mx:Repeater控件换成了mx:AdvancedDataGrid控件来显示。
NULL 博文链接:https://kidd.iteye.com/blog/1329253
详细代码,可以直接运行 详细代码,可以直接运行 详细代码,可以直接运行