easyui 如何為datagrid添加自定義列屬性(如:width,align,editor)


我在實際業務需要為datagrid添加一個自定義屬性

原先的datagrid列屬性包括;title、width、align、formattter、editor等

我們可以通過datagrid的一個方法,獲取grid的列屬性

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

我們可以輸出grid的本身屬性值

那么如果我們要在grid添加一個自定義的列屬性(dataAttr),怎么加,由於我要加的屬性的值是對象類型的,所以我參考editor屬性

在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文件添加如下代碼

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;
    }
}

然后頁面中調用

我們在輸出grid的屬性,查看結果

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM