Flex中datagrid数据过滤
2013-06-27 15:42
204 查看
<?xml version="1.0" encoding="utf-8"?> <!-- http://yecon.blog.hexun.com/29904545_d.html --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Script> <![CDATA[ import mx.collections.*; import mx.events.ItemClickEvent; private var selectedRegion:String; public function regionFilterFunc(item:Object):Boolean { if (selectedRegion=="all") return true else return item.region == selectedRegion; } public function filterAC(event:ItemClickEvent):void { selectedRegion=event.label; myAC.filterFunction=regionFilterFunc; myAC.refresh(); } ]]> </mx:Script> <mx:ArrayCollection id="myAC"> <mx:Array id="myArray"> <mx:Object state="LA" city="Baton Rouge" region="west"/> <mx:Object state="NH" city="Concord" region="east"/> <mx:Object state="TX" city="Austin" region="west"/> <mx:Object state="MA" city="Boston" region="east"/> <mx:Object state="AZ" city="Phoenix" region="west"/> <mx:Object state="OR" city="Salem" region="west"/> <mx:Object state="FL" city="Tallahassee" region="east"/> <mx:Object state="MN" city="Saint Paul" region="east"/> <mx:Object state="NY" city="Albany" region="east"/> </mx:Array> </mx:ArrayCollection> <mx:ToggleButtonBar id="tbb" horizontalGap="5" itemClick="filterAC(event);"> <mx:dataProvider> <mx:Array> <mx:String>all</mx:String> <mx:String>east</mx:String> <mx:String>west</mx:String> </mx:Array> </mx:dataProvider> </mx:ToggleButtonBar> <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{myAC}"> <mx:columns> <mx:DataGridColumn dataField="state" headerText="State"/> <mx:DataGridColumn dataField="city" headerText="City"/> <mx:DataGridColumn dataField="region" headerText="region"/> </mx:columns> </mx:DataGrid> </mx:Application>
相关文章推荐
- Flex dataGrid实现数据过滤
- Flex(mx:DataGrid)实现数据过滤显示
- flex datagrid拖拽不同类型数据过滤
- Flex Tree 数据过滤
- datagrid数据格式解析-自定义过滤函数loadFilter
- flex实现DataGrid高亮显示数据的功能
- 即时报表Flex工具条使用之过滤显示数据
- Flex中(DataGrid--DataGridColumn)数据颜色多样化-类型替换
- Flex 获取DataGrid总数据行的方法
- Flex根据后台的数据自动生成AdvancedDataGrid
- Flex根据后台的数据自动生成AdvancedDataGrid
- Flex 使DataGrid的某列中的数据可以选中复制
- 为适应频繁更新数据优化Flex DataGrid
- FLEX例子之高级数据表(AdvancedDataGrid)
- 取得Flex4 DataGrid组件的当前选中行数据的方法
- Flex将DataGrid数据导出为CSV格式
- flex datagrid高级用法,数据分页和列分页,图为结果样式。
- Flex使用弹出窗口为DataGrid添加新数据
- 在datagrid里面生成指定的DataView ,进行过滤.把符合条件的数据显示出来
- Flex中DataGrid的数据刷新机制