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

你可能感兴趣的:(easyUI)