Here is a modified example of your multisort. As you can see, each sorting will provoke a doubling of the "unit cost".
It's quite an artificial example, since "loadFilter" is usually used to transom some data in easyui's format. However, re-calling it on each sort is simply a bug. Just wanna be helpful here.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Multiple Sorting - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<h2>Multiple Sorting</h2>
<p>Set 'multiSort' property to true to enable multiple column sorting.</p>
<div style="margin:20px 0;"></div>
<table id="dg">
<thead>
<tr>
<th data-options="field:'itemid',width:80,sortable:true">Item ID</th>
<th data-options="field:'productid',width:100,sortable:true">Product</th>
<th data-options="field:'listprice',width:80,align:'right',sortable:true">List Price</th>
<th data-options="field:'unitcost',width:80,align:'right',sortable:true">Unit Cost</th>
<th data-options="field:'attr1',width:250">Attribute</th>
<th data-options="field:'status',width:60,align:'center'">Status</th>
</tr>
</thead>
</table>
<script>
function twice(data) {
for(var i=0;i<data.rows.length;i++) {
data.rows[i]['unitcost'] *= 2;
}
return data;
}
$("#dg").datagrid({
url:'datagrid_data1.json',
method:'get',
loadFilter: twice,
remoteSort:false
});
</script>
</body>
</html>
