Flex DataGrid数字排序
2011-03-09 14:43
162 查看
支持把字符类型的数据按数字排列,同时固定住某些特殊行在底端(比如合计行)。
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> <mx:Script> <!--[CDATA[ import mx.controls.dataGridClasses.DataGridColumn; import mx.utils.ObjectUtil; private function getSortFun(field:DataGridColumn,keyField:String="@col1",keyValue:String="1"):Function{ return function(o1:Object,o2:Object):int{ if(o1[keyField] == keyValue) { return field.sortDescending ? -1 : 1; } else if(o2[keyField] == keyValue) { return field.sortDescending ? 1 : -1; } return ObjectUtil.numericCompare(new Number(o1[field.dataField]),new Number(o2[field.dataField])); }; } ]]--> </mx:Script> <mx:XMLList xmlns="" id="data"> <node col1="1" col2="1" col3="合计"/> <node col1="11" col2="1" col3="a1"/> <node col1="91" col2="1" col3="a1"/> <node col1="100" col2="1" col3="a1"/> <node col1="1012" col2="1" col3="a1"/> <node col1="12123" col2="1" col3="a1"/> <node col1="91" col2="1" col3="a1"/> <node col1="9" col2="1" col3="a1"/> </mx:XMLList> <mx:DataGrid width="100%" height="100%" dataProvider="{data}"> <mx:columns> <mx:DataGridColumn headerText="Column 3" dataField="@col3"/> <mx:DataGridColumn headerText="Column 1" id="col1" dataField="@col1" sortCompareFunction="getSortFun(col1)"/> <mx:DataGridColumn headerText="Column 2" dataField="@col2"/> </mx:columns> </mx:DataGrid> </mx:Application>
相关文章推荐
- flex DataGrid按数字顺序,字母,日期顺序排序
- flex DataGrid按数字顺序,字母,日期顺序排序
- flex advanceddatagrid禁止排序,不显示排序倒三角按钮,判断是否有某个属性或方法
- Flex的AdvancedDataGrid的Header分隔线与排序按钮隐藏
- Flex 学习笔记 Datagrid中创建自定义ComboBox控件及数字校验
- flex datagrid 修改标题排序图标
- Flex DataGrid 默认情况下的排序方式
- [转]Flex DataGrid 排序
- Flex的AdvancedDataGrid的Header分隔线与排序按钮隐藏
- Flex Datagrid中,如何自定义排序的方式
- Flex DataGrid column 排序
- FLEX DataGrid 点击表头后按不同方式排序
- Flex中如何通过sortArrowSkin样式改变DataGrid排序图标的例子
- Flex 4.5 Spark DataGrid 多列排序
- easyui实现datagrid数字排序问题
- [整理]flex,datagrid数值列排序
- 在排序数组中查找和为给定值的两个数字
- 排序数组中和为给定值的两个数字
- CCF CSP 201503-2 数字排序
- Flex中AdvancedDataGrid的用法示例介绍