JQuery easyUI datagrid 排序，使用sorter自定義排序

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);