@author YHC
如果默认的排序行为不满足你的需求,你可以自定义datagrid排序行为.
最基础的用户可以定义一个排序函数,函数名是s orter 在列上,这个函数将接受两个值和返回值将作为如下:
valueA > valueB => return 1
valueA < valueB => return -1
$('#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);
你可以从这段代码中看到,我们为date列创建了自定义的
Original: https://www.cnblogs.com/javaexam2/archive/2012/08/10/2632644.html
Author: java简单例子
Title: easyUI 自定义排序datagrid
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/537046/
转载文章受原作者版权保护。转载请注明原作者出处!