码迷,mamicode.com
首页 > 编程语言 > 详细

ExtJS 6.2.0 增加中文排序支持

时间:2018-01-05 23:32:08      阅读:385      评论:0      收藏:0      [点我收藏+]

标签:cti   gpo   扩展   func   总结   默认   turn   添加   rhs   

网上现有的仅包含旧版的扩展方式,总结核心实现为将默认的字符串比较方式重写为使用JavaScript的localeCompare方法进行字符串顺序比较。

最近项目中使用的为ExtJS 6.2.0,旧版的重写applySort的方式无法使用,于是自行跟踪源码,找出了针对新版的中文排序实现方式。

核心原理为重写Ext.util.Sorter类的sortFn,当比较值为字符串时使用localeCompare进行比较并直接返回值,localeCompare的可能返回值为-1、0、1。

详见如下代码:

/**
 * 解决汉字排序问题
 */
Ext.override(Ext.util.Sorter, {
    sortFn: function (item1, item2) {
        var me = this,
            transform = me._transform,
            root = me._root,
            property = me._property,
            lhs, rhs;

        if (root) {
            item1 = item1[root];
            item2 = item2[root];
        }

        lhs = item1[property];
        rhs = item2[property];

        if (transform) {
            lhs = transform(lhs);
            rhs = transform(rhs);
        }

        //添加:修复汉字排序
        if (typeof(lhs) == "string") {//若为字符串
            return lhs.localeCompare(rhs, ‘zh‘);//则localeCompare比较汉字字符串,Firefox与IE均支持
        }//添加结束

        return (lhs > rhs) ? 1 : (lhs < rhs ? -1 : 0);
    }
});

ExtJS 6.2.0 增加中文排序支持

标签:cti   gpo   扩展   func   总结   默认   turn   添加   rhs   

原文地址:https://www.cnblogs.com/mightyvincent/p/8207176.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!