easyui 如何为datagrid添加自定义列属性（如：width,align,editor）

时间 2019-11-06

标签 easyui 如何 datagrid 添加自定义属性 width align editor 繁體版

原文原文链接

我在实际业务须要为datagrid添加一个自定义属性jquery

原先的datagrid列属性包括；title、width、align、formattter、editor等ui

咱们能够经过datagrid的一个方法，获取grid的列属性spa

   //获取每一列的列名对象
   var col = $('#list').datagrid("getColumnOption", “CODE”);

咱们能够输出grid的自己属性值code

那么若是咱们要在grid添加一个自定义的列属性（dataAttr）,怎么加，因为我要加的属性的值是对象类型的，因此我参考editor属性orm

在jquery.easyui.js 文件中，添加以下代码(注释后面是新加的)对象

if(th.attr("editor")){
var s=$.trim(th.attr("editor"));
if(s.substr(0,1)=="{"){
col.editor=eval("("+s+")");
}
else {
    col.editor = s;
}
}
//新加grid列属性 dataAttr   190620
if (th.attr("dataAttr")) {
    var s1 = $.trim(th.attr("dataAttr"));
    if (s1.substr(0, 1) == "{") {
        col.dataAttr = eval("(" + s1 + ")")
    } else {
        col.dataAttr = s1;
    }
}

在jquery.datagrid.js文件添加以下代码blog

if(th.attr("editor")){
var s=$.trim(th.attr("editor"));
if(s.substr(0,1)=="{"){
col.editor=eval("("+s+")");
}else{
col.editor=s;
}
}
  //新加grid列属性 dataAttr  190620
if (th.attr("dataAttr")) {
    var s1 = $.trim(th.attr("dataAttr"));
    if (s1.substr(0, 1) == "{") {
        col.dataAttr = eval("(" + s1 + ")")
    } else {
        col.dataAttr = s1;
    }
}

而后页面中调用get

咱们在输出grid的属性，查看结果it