jquery easyui根據需求二次開發記錄

標籤：style   class   blog   c   code   java   

1、tree需要顯示多個表徵圖

     實際需求：裝置樹上節點需擱三個圖片，分別標識運行狀態、警示狀態、裝置類型

     解決方案：給tree的iconCls傳入一個數組，分別是各狀態下的class(css)，然後要改動easyui關於tree節點群組裝部分的代碼                            

if(item.iconCls ){    cc.push("<span class=\"tree-icon tree-folder "+(item.iconCls?item.iconCls:"")+"\"></span>");};

       這裡增加對item.iconCls的判斷稍作改動即可

2、treegrid各行記錄定製是否需要checkbox

     實際需求：裝置樹上只能讓某些類型的裝置添加到主面板上

     解決方案：改動easyui關於treegrid的節點群組裝函數renderRow，if(col.checkbox){...}改為

if(col.checkbox && col.checkbox(row[_7ca],row)){...}

                   這樣就可以類似formatter一樣可以增益集函數實現定製。

                   頁面代碼這樣寫：

<th data-options="field:‘ck‘,checkbox:showCheck"></th>  

function showCheck(value,row){            if(row.type == 1){                return true;            } else{                return false;            }         }

 

3、propertyGrid name/value的漢化：

在easyui/local/easyui-lang-zh_CN.js裡增加

if($.fn.propertygrid){      $.fn.propertygrid.defaults.columns[0][0].title = "<span style=‘color: #000000;‘>屬性名稱</span>"; // 對應Name      $.fn.propertygrid.defaults.columns[0][1].title = "<span style=‘color: #000000;‘>屬性值</span>"; // 對應Value  }