Flex中通过DataGrid类的sortableColumns属性和DataGridColumn类的sortable属性控制DataGrid控件是否可排序的例子
By Minidxer | August 19, 2008
接下来的例子演示了Flex中如何通过DataGrid类的sortableColumns属性和DataGridColumn类的sortable属性,控制DataGrid控件是否可排序。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Array id="arr">
- <mx:Object label="User 1" data="1" />
- <mx:Object label="User 2" data="2" />
- <mx:Object label="User 3" data="3" />
- <mx:Object label="User 4" data="4" />
- <mx:Object label="User 5" data="5" />
- <mx:Object label="User 6" data="6" />
- <mx:Object label="User 7" data="7" />
- <mx:Object label="User 8" data="8" />
- </mx:Array>
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="sortableColumnsCh"
- label="sortableColumns"
- selected="true" />
- <mx:CheckBox id="labelSortableCh"
- label="label.sortable"
- selected="true" />
- <mx:CheckBox id="dataSortableCh"
- label="data.sortable"
- selected="true" />
- </mx:ApplicationControlBar>
- <mx:DataGrid id="dataGrid"
- sortableColumns="{sortableColumnsCh.selected}"
- dataProvider="{arr}">
- <mx:columns>
- <mx:DataGridColumn dataField="label"
- sortable="{labelSortableCh.selected}" />
- <mx:DataGridColumn dataField="data"
- sortable="{dataSortableCh.selected}" />
- </mx:columns>
- </mx:DataGrid>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Flex |
No Comments » |
Tags: DataGrid, sortable, sortableColumns, 排序