easyui datagrid 点击列表头排序出现错乱的原因

之前我的导师，也就是带我的同事，使用datagrid，发现点击列表头排序出现乱序，按理说只有顺序和逆序两种排序结果。因为他比较忙，当时没解决，把排序禁掉了，后来又要求一定要排序，所以他交给我。

一开始不知道什么原因，看了别的地方用到datagrid的都没有问题，因为我们这边的datagrid有20列左右，当时没有每一列都测试，只是测试了前面的，基本上都出现乱序，为了简单，删除一些列，然后再测试，发现有一列没问题，仔细分析代码，排序好的列的formatter中，return变量的格式是row.A，而其他不好的列的formatter中return的格式是row.A.B或者row.A.B.C，初步假设是这个导致的，后来参考一篇博客，关于自定义排序，在我们的代码中使用自定义排序，发现排序出错的的列的sorter:function(a,b) 中，a和b的值都是undefine，而排序好的列则是正确的值。排序正确的列在formatter中value是正确的，而排序不对的列在formatter中value为undefine，所以可以确定是row.A.B.C这种方式导致的，后来想在field中写A.B.C，发现也不可以。

一同事说在后台返回的时候增加一个字段，把多级属性变为一级属性，这样就解决了问题，只是这样增加了空间开销，感觉不太好，希望可以找到一种更好的解决方法，也许以后easyui会增加field对多级属性的支持。刚好找到一篇文章（参考http://blog.csdn.net/jianyi7659/article/details/9736871），说field不支持属性带子属性的格式，博客中说用修改jquery.easyui.min.js中第8670行：
//var _644=_641[_643];
var _644=eval("_641['"+_643.replace(/\./g,"']['")+"']");

发现点击排序还是乱序，不过在jquery.easyui.min.js文件测试，发现field中用A.B.C可以得到值，但是sorter:function(a,b) 中，a和b的值都还是undefine，后来想到，如果找到sort函数的源代码，然后确保a和b取到值，应该就可以了，所以找到

data.rows.sort(function(r1,r2){
return _51e(r1[opts.sortName],r2[opts.sortName])*(opts.sortOrder=="asc"?1:-1);
});
}，

修改为如下，

data.rows.sort(function (r1, r2) {
                    var r1data = eval("r1['"+opts.sortName.replace(/\./g,"']['")+"']");
                    var r2data = eval("r2['"+opts.sortName.replace(/\./g,"']['")+"']");
                    return _51e(r1data, r2data) * (opts.sortOrder == "asc" ? 1 : -1);
                });

}，

测试发现排序就正确了，不过对于日期排序还是不准确，但这不是因为undefined值引起的，而是由于值存在一些特殊字符，比如说空格和斜杠等引起的，可以自定义排序函数实现。