jQuery的dataTables插件实现中文排序

最近在写Java web。

写JSP的时候发现一个很好玩的插件dataTables。分页、过滤、排序等等手到擒来。

哎哎哎，有点点可惜的是排序这个功能不支持中文。于是网上查查找找，现在把方法整理一下，与君共享。

<script type="text/javascript">
    
    // oSort是排序类型数组, 'chinese-asc'是自己定义的类型的排序(*-asc || *-desc)名称
    // 插件应该会根据表格中的内容的类型(string, number, chinese)进行比较排序，
    // 如果以chinese类型来排序则用oSort['chinese-asc']和oSort['chinese-desc']的方法
    // oSort对应的function里面自定义比较方法
    jQuery.fn.dataTableExt.oSort['chinese-asc'] = function(x,y) {
        //javascript自带的中文比较函数，具体用法可自行查阅了解
        return x.localeCompare(y);
    };
     
    jQuery.fn.dataTableExt.oSort['chinese-desc'] = function(x,y) {
        return y.localeCompare(x);
    };
    
    // aTypes是插件存放表格内容类型的数组
    // reg赋值的正则表达式，用来判断是否是中文字符
    // 返回值push到aTypes数组，排序时扫描该数组，'chinese'则调用上面两个方法。返回null默认是'string'
    jQuery.fn.dataTableExt.aTypes.push(function(sData) {
        var reg =/^[u4e00-u9fa5]{0,}$/;
        if(reg.test(sData)) {
            return 'chinese';
        }
        return null;
    });
    
    $(document).ready(function(){  
        $('#tableId').dataTable({
        });
    });

 </script>

需要注意的是，jQuery.fn.dataTableExt相关的三个函数必须写在$(document).ready(function(){});前面，否则中文排序失效。

另另另，我觉得奇怪的地方，就是localeCompare() 函数对中文拼音的认知似乎有点问题，例如“沈”的默认拼音首字母竟然是“c”。感兴趣的朋友可以自己新建字库来解决这个问题。