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

JQuery easyUI datagrid 排序的使用和实例

 

1.设置remoteSort（注：此属性默认为true，如果如果是对本地数据排序必须设置为false）

2.设置列的sortable属性

JQuery easyUI datagrid 排序的实例

 

$( '#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);