layui 改写 table 排序,填加中文按照拼音排序

最新推荐文章于 2022-05-08 19:04:57 发布

原创

最新推荐文章于 2022-05-08 19:04:57 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #HTML #js

因为layui table默认的排序不支持中文拼音，改写layui源码来完成我们的需求

注意在layui官网下载到的layui代码是压缩后的,这里需要下载layui的源码
layui源码地址：
码云地址
同时需要 pinyin.js 来完成
pinyin.js
链接: https://pan.baidu.com/s/1EzR9hQ_38pSJptEn-qFSQw 提取码: k4bm
pinyin.js layui内置引用版(下载完别忘了改名成pinyin.js )
链接: https://pan.baidu.com/s/1EIsaPZWksrG5hzmZjA5MSg 提取码: yf3h

layui源码的排序部分，table.js 1050行左右

//默认为前端自动排序。如果否，则需自主排序（通常为服务端处理好排序）
    if(options.autoSort){
   
   
      if(type === 'asc'){
   
    //升序
        thisData = layui.sort(data, field);
      } else if(type === 'desc'){
   
    //降序
        thisData = layui.sort(data, field, true);
      } else {
   
    //清除排序
        thisData = layui.sort(data, table.config.indexName);
        delete that.sortKey;
      }
    }

修改为

 //默认为前端自动排序。如果否，则需自主排序（通常为服务端处理好排序）
    if(options.autoSort){
   
   
      // 加入这段--------
      data.forEach(function (item) {
   
   
        item['qinyin']