easyui 指定前端排序,不访问后端接口,自定义排序方法,解决百分数和小数排序错误的问题

本文主要是介绍easyui 指定前端排序,不访问后端接口,自定义排序方法,解决百分数和小数排序错误的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

首先需要在table标签加上  remoteSort: false,

<table class="easyui-datagrid" id="dg" title="Android订阅报表" style="width: 100%;height:100%" data-options="remoteSort: false,autoRowHeight:false,singleSelect: false,editIndex:false"></table>

然后在列名上加上  sortable:true

 

{field:'add_num',title:'新增',width:61,sortable:true,align:'center'}

这样就可以实现前端排序,但是easyui的前端排序对于百分数,小数的排序不准确,需要自定义方法排序

列名增加自定义排序方法 sorter:mySorter

{field:'all_pay_rate',title:'总付费率',width:61,sortable:true,align:'center', sorter:mySort},

再加上 mySoter方法

//自定义排序,解决百分数的排序不准确问题
function mySort(a,b) {a = a.split('/');b = b.split('/');if (a[2] == b[2]){if (a[0] == b[0]){a[1] = parseFloat(a[1]);b[1] = parseFloat(b[1]);return (a[1]>b[1]?1:-1);} else {a[0] = parseFloat(a[0]);b[0] = parseFloat(b[0]);return (a[0]>b[0]?1:-1);}} else {a[2] = parseFloat(a[2]);b[2] = parseFloat(b[2]);return (a[2]>b[2]?1:-1);}
}

 

这篇关于easyui 指定前端排序,不访问后端接口,自定义排序方法,解决百分数和小数排序错误的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---