jquery easyui根據需求進行二次開發

2022-04-29 06:39:09 字數 1074 閱讀 3279

運用easyui進行開發時新新增的個性化功能和對部分easyui自身bug的修復,由於easyui的半開源,有些還是有難度的,記錄下來方便日後需要時查閱。

解決方法:給tree的iconcls傳入乙個陣列,分別是各狀態下的class(css),然後要改動easyui關於tree節點組裝部分的**                            

if

(item.iconcls );

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

實際需求:裝置樹上只能讓某些型別的裝置新增到主面板上

解決方法:改動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)

else

}

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

if

($.fn.propertygrid)

原因分析:easyui datagrid在點選行中的按鈕時,由於會先進入到點選行的事件處理中,對行進行反選操作(如行已選中則變為未選中),就不會觸發按鈕的點選事件。

if(tr.hasclass("datagrid-row-selected") )
改為

if(tr.hasclass("datagrid-row-selected") && !tt.hasclass("noremoveselected"))
combo.default中的panelheight:200改為panelheight:"auto"                

jquery easyui 擴充套件驗證

extend fn.validatebox.defaults.rules,d a za z0 9 i.test value message 身份證號碼格式不正確 minlength message 請輸入至少 2 個字元.length message 輸入內容長度必須介於和之間.phone d 0 ...

jquery easyui 階段總結

近期使用jquery easyui比較多,現在總結一下幾種常用的方法 獲取當前行索引 var index productattrgrids datagrid getrowindex row 根據已知索引獲取行 var row productattrgrids datagrid getrows ind...

jQuery Easyui框架整理

1.panel 面板 承載其它內容的容器 提供了摺疊 關閉 最大化 最小化和自定義行為 很容易嵌入到 web頁面的任何位置。注意 每個面板一定要設定 title屬性 class easyui panel 2.tabs 選項卡 選項卡顯示一批面板。但在同乙個時間只會顯示乙個面板。class easyu...