本文共 1773 字，大约阅读时间需要 5 分钟。

grid支持两种排序方法

第一种排序代码：

var grid = Ext.create('Ext.grid.Panel', {    title: '任务计划管理列表',    region: 'center',    store: store,    columns: [ {        header: '任务名称',        sortable: true, //设置这个属性进行排序        dataIndex: 'task_name'    }]  });

第二种后来排序代码：

var store = Ext.create('Ext.data.ArrayStore', {      model: 'Task',      autoLoad: true,      pageSize: 20,      // 设置服务器端映射。      proxy: {          type: 'ajax',          url: 'task/getTaskInfo',          // 定义数据结构          reader: {              type: 'json',              totalProperty: 'totalProperty',              root: 'root'          }      },      remoteSort: true //设置属性进行请求后台排序  });

后台java中会接收到几个固定的字符串

public static Map
   
     getSort(String sort){      Gson gson = new Gson();      Map
    
      map = new HashMap
     
      ();      if(sort == null || "".equals(sort)){          map.put("direction", "");          map.put("property", "");      }else{        List
      
        sortData = gson.fromJson(sort, new TypeToken
       
        
         >(){}.getType()); map.put("direction", sortData.get(0).getDirection()); map.put("property", sortData.get(0).getProperty()); } return map; }
        
       
      
     
    
   

取得数据的代码片段如下：

if(sort != null){    Map
   
     map = new HashMap
    
     ();    map = CommonUtils.getSort(sort);    String property = map.get("property");//排序的字段名和前台mode中字段名一致    String direction= map.get("direction");//字符串（ ASC 或DESC ）  }
    
   

然后请求后台数据库进行排序，在制造的时候前台的字段名尽量和数据库的字段名保持一致，这样方便了很多东西。

转载地址：https://blog.csdn.net/qq_26847293/article/details/51313645 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！