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

最新推荐文章于 2021-01-14 16:35:53 发布

yangzheng01

最新推荐文章于 2021-01-14 16:35:53 发布

阅读量1.3k

点赞数

分类专栏： javaScript easyui

本文链接：https://blog.csdn.net/u012954380/article/details/100008295

版权

javaScript 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

easyui

3 篇文章 0 订阅

订阅专栏

首先需要在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);
	}
}