Extjs4 grid的排序

Extjs版本ext-4.0.2a
grid支持两种排序方法
一种是前段排序，不请求后台本页面列字段进行排序在grid的列中设置属性sortable: true,
第二种排序是后台排序，请求后台对整个数据进行排序，在store中设置属性remoteSort: true,
第一种排序代码：

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中会接收到几个固定的字符串
json格式的名为sort的字符串里面包括两个属性一个是property是要排序的字段名，另一个是direction里面会有两个值（ ASC 或DESC ）我是用google的开源解析json的工具包gson来对其进行解析，代码如下：

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

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

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

然后请求后台数据库进行排序，在制造的时候前台的字段名尽量和数据库的字段名保持一致，这样方便了很多东西。
一起同store请求传过来的参数还有名为start的int型参数，名为limit的int型数据，他们是分页条件，start是开始记录数，limit是本页最大记录数。
小宝制造。

评论

6 楼 juzhihai 2015-07-13  

[list]
[*][img][url][align=left][size=small][size=xx-small][size=xx-small][b]啊实打实大[color=red][/color][/b][/size][/size][/size][/align][/url][/img]
[/list]

5 楼 liubl2011 2013-03-28  

青蛙的脑袋 写道

受教了···后台直接用个String sort就可以接到前台的sort参数，而没有把其他的参数接过来，是由于框架的原因吗？？？

应该都传过来 如果没有排序后台不会传sort参数，同样你不把参数写到ajax请求里面也不会自动去页面取得参数。

4 楼 青蛙的脑袋 2013-03-13  

受教了···后台直接用个String sort就可以接到前台的sort参数，而没有把其他的参数接过来，是由于框架的原因吗？？？

3 楼 青蛙的脑袋 2013-03-12  

为什么我的ajax提交方式是以get方式提交的···

2 楼 liubl2011 2012-01-05  

grid上只能选择一列进行排序啊。你是想怎么操作呢，清楚一点。

1 楼 qqdenghaigui 2012-01-04  

那多个字段排序呢？求赐教！！！