jQuery easyUI datagrid 排序的使用和例項

1.設定remoteSort（注：此屬性預設為true，如果如果是對本地資料排序必須設定為false）

2.設定列的sortable屬性

jquery easyUI datagrid 排序的例項

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

$('#tt').datagrid({    title:'Custom Sort',    url:'pivotgrid_data1.json',    width:520,    height:250,    singleSelect:true,    remoteSort:false,    columns:[[   {field:'Country',title:'Country',width:60,sortable:true},    {field:'Color',title:'Color',width:70,align:'right',sortable:true},    {field:'Price',title:'Price',width:70,align:'right',sortable:true} },    {field:'status',title:'Status',width:40,align: 'center'}    ]]    });

JQuery easyUI datagrid 自定義排序的例項

$('#tt').datagrid({    
    title:'Custom Sort',    
    iconCls:'icon-ok',    
    width:520,    
    height:250,    
    singleSelect:true,    
    remoteSort:false,    
    columns:[[    
        {field:'itemid',title:'Item ID',width:60,sortable:true},    
        {field:'listprice',title:'List Price',width:70,align:'right',sortable:true},    
        {field:'unitcost',title:'Unit Cost',width:70,align:'right',sortable:true},    
        {field:'attr1',title:'Attribute',width:120,sortable:true},    
        {field:'date',title:'Date',width:80,sortable:true,align:'center',    
            sorter

:function(a,b){    
                a = a.split('/');    
                b = b.split('/');    
                if (a[2] == b[2]){    
                    if (a[0] == b[0]){    
                        return (a[1]>b[1]?1:-1);    
                    } else {    
                        return (a[0]>b[0]?1:-1);    
                    }    
                } else {    
                    return (a[2]>b[2]?1:-1);    
                }    
            }    
        },    
        {field:'status',title:'Status',width:40,align:'center'}    
    ]]    
}).datagrid('loadData', data);