[JavaScript知识库] easyui datagrid columns的field支持属性的子属性(field.jsonfield)支持对象的属性

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> easyui datagrid columns的field支持属性的子属性(field.jsonfield)支持对象的属性 -> 正文阅读

[JavaScript知识库]easyui datagrid columns的field支持属性的子属性(field.jsonfield)支持对象的属性

? ? ? ?所谓为了支持某属性的子属性，主要为了解决。在服务器返回的json格式的数据的某个属性带有自属性，而又需要使用到该子属性作为我们的datagrid的某个字段的。默认情况下datagrid只能支持一级属性字段（属性的属性字段属于二级字段）。
? ? ??EasyUI本身是不支持这种方式的，但是现在这种方式还是很常见的，有两个解决方案。
? ? ? 一是修改原代码即jquery.easyui.min.js文件。
? ? ? 二是使用formatter函数。采用第二种方式会添加很不方便，需要开发格式化函数，建议采用第一种修改源代码的方式。
? ? ? 由于EasyUI版本的原因，每个版体修改的地方可能不一样，以下以1.3.3，1.5.2，1.7.0 修改的代码来说明一下。主要查询的方法，查询关键“if(col){”，在原代码中找，出现如下图所示的原代码就可以了，代码中的变量不一样【因版本不同而已】。

if(col){
var _8ec=_8e9[_8eb];
var css=col.styler?(col.styler.call(_8e5,_8ec,_8e9,_8e8)||""):"";
var cs=this.getStyleValue(css);
var cls=cs.c?"class=\""+cs.c+"\"":"";
var _8ed=col.hidden?"style=\"display:none;"+cs.s+"\"":(cs.s?"style=\""+cs.s+"\"":"");
cc.push("<td field=\""+_8eb+"\" "+cls+" "+_8ed+">");

1.3.3 版本

????????修改jquery.easyui.min.js中第8670行

//var _644=_641[_643];//可能解决问题
var _644=eval("_641['"+_643.replace(/\./g,"']['")+"']");

1.5.2 版本

?????????修改jquery.easyui.min.js中第11304行?

原始代码

if(col){
var _83e=_83b[_83d];

?修改代码

if(col){
var _83e=undefined;
if(_83b[_83d.split(".")[0]]){
_83e=eval("_83b['"+_83d.replace(/\./g,"']['")+"']");
}else{
_83e=_83b[_83d];
}

?1.7.0 版本

? ? ? ? ?修改jquery.easyui.min.js中第12223行?

原始代码

if(col){
var _8ec=_8e9[_8eb];

修改代码

if(col){
    var _8ec=undefined;
    if(_8e9[_8eb.split(".")[0]]){
        _8ec=eval("_8e9['"+_8eb.replace(/\./g,"']['")+"']");
    }else{
        _8ec=_8e9[_8eb];
}

其他版本修改的地方，可参考如上传的方法，如果有什么问题，可私信与我。