flex,datagrid数值列排序

最新推荐文章于 2016-10-20 19:31:12 发布

i5land

最新推荐文章于 2016-10-20 19:31:12 发布

阅读量4k

点赞数

分类专栏： flex 文章标签： datagrid flex xml application function import

本文链接：https://blog.csdn.net/i5land/article/details/2057431

版权

flex 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近使用flex的datagrid发现一问题，如果该dataGrid 有一列是数值列，点击表头排序的时候希望它按数字来排的。可是它默认是排序方式按字符串排序的。

解决问题的方式很简单可以自定义排序方法，然后和dataGrid的该列的 sortCompareFunction绑定。

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>

  <![CDATA[
    import mx.rpc.http.mxml.HTTPService;
    import flash.events.*;
    import mx.rpc.events.ResultEvent;

    public var interfaceXmlList:XMLList;
   public function init(){

   var http_refreshmap:HTTPService=new HTTPService();
   http_refreshmap.url="c://switch.xml";
   http_refreshmap.resultFormat="xml";
   http_refreshmap.useProxy=false;
   http_refreshmap.addEventListener(ResultEvent.RESULT,refreshMap);
   http_refreshmap.send();
   }
   //安数值大小排序
   public function sortcompare(obj1:Object,obj2:Object):int
   {

                        var num1:Number=Number(obj1.@send.toString());
                        trace(num1);
                          var num2:Number=Number(obj2.@send.toString());
                         trace(num2);
                        if(num1>num2){
                                return 1;
                        }else if(num1<num2){
                                return -1;
                        }else{
                                return 0;
                        }
            }
   public function refreshMap(e:ResultEvent):void{
    var dataXml:XML=(XML)(e.result);

    var interfacesAttr:XML=new XML();
    interfacesAttr=XML(dataXml["interfaces"]);

    interfaceXmlList=interfacesAttr.children();
    trace(interfaceXmlList.toString());
      trace("2222");
    dgPosts.dataProvider=interfaceXmlList;
     }

  ]]>
</mx:Script>

  <mx:DataGrid id="dgPosts" x="20" y="20" width="400">
   <mx:columns>
    <mx:DataGridColumn headerText="ss" dataField="@receive" width="200" sortable="true" sortCompareFunction="sortcompare"/>
    <mx:DataGridColumn headerText="分" dataField="@send" width="200" sortable="true" sortCompareFunction="sortcompare"/>
   </mx:columns>
  </mx:DataGrid>
</mx:Application>

sortcompare为自定义的排序方法send在XML中是以属性的形式出现故加@.