EasyUI DataGrid 添加排序

这个事例演示了如何在点击列头的时候排序



DataGrid中全部的列可以通过点击列头被排序。你可以定义可以被排序的列。默认的，列不能被排序除非你设置sortable属性为TRUE，下面是例子：
标记

<table id="tt"></table>

jQuery

$('#tt').datagrid({

title:'Sortable Column',

width:550,

height:250,

url:'/demo4/data/getItems',

columns:[[

{field:'itemid',title:'Item ID',width:80,sortable:true},

{field:'productid',title:'Product ID',width:80,sortable:true},

{field:'listprice',title:'List Price',width:80,align:'right',sortable:true},

{field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},

{field:'attr1',title:'Attribute',width:100},

{field:'status',title:'Status',width:60}

]],

pagination:true,

sortName:'itemid',

sortOrder:'asc'

});

我们定义一些可排序的列，包括itemid，productid，listprice，unitcost等。attr1列和status列不能被排序。我们设置默认排序列：itemid，按asc（升序）排序。
当排序时， DataGrid发送两个参数到服务器：
· sort: 排序列字段名
· order: 排序次序： 'asc' 或 'desc', 默认为'asc'.
我们使用etmvc framework 写后台服务器代码，首先定义数据模型