jQuery EasyUI Datagrid元件的完整的基礎DOM結構
阿新 • • 發佈:2018-12-02
標題可能有點長,什麼叫“完整的基礎DOM結構”,這裡“基礎”的意思是指這個結構不依賴具體資料,不依賴Datagrid的view屬性,只要存在Datagrid例項就會存在這樣的基礎DOM結構;而“完整”的意思是指在凍結列,凍結行,標題,footer,分頁這些功能塊都存在時候的DOM結構。
要搞清楚Datagrid的工作原理,這個DOM結構必須要爛熟於胸的,我們直接來看這個“基礎完整DOM結構”是什麼樣子的:
<!-- datagrid的最外層容器,可以使用$(target).datagrid('getPanel')或者$.data(target,'datagrid').panel得到這個DOM物件,這個DOM上其實承載了panel元件--> |
對於這個DOM結構,我在html程式碼裡面已經做了簡單說明,這裡提一下綁定於Datagrid宿主table上的物件的dc屬性,這個dc屬性儲存了對DOM結構裡不同部分的引用,獲取dc屬性的方法:
1 |
$.data(target,'datagrid').dc; |
而dc屬性跟DOM的對應關係,我也在html中做了詳細註釋,請大家自行檢視,這些都是我們深入認識Datagrid元件的基礎。
******轉載:http://www.easyui.info/archives/1157.html