有時我們要檢視的資料可能是分級的資料,不同級別的人或者不同組織的人關心的資料不一樣,他們需要把別的資料過濾掉,這樣我們需要在列表旁加乙個目錄樹。到此打造完美grid已經實現,此grid基本上可以滿足常見的功能需要。我在《extjs實現完美grid(
3)》的基礎上改進
1、首先我們先建乙個職位目錄樹
var officeurl='
../server/officeserver.jsp?action=tree'//
定義樹目錄
var officeroot=new
ext.tree.asynctreenode();
var findgo=new
ext.*******.button()
//定義職位目錄樹,並定義資料源
var office=new
ext.tree.treepanel(
}),tbar:[
'->
',findgo]
});//
新增選中改變監聽,當選中或取消選中父節點時,同時對子節點執行相同的操作
office.on('
checkchange
', function(node, checked
) );
}, office);
2、然後我們把這乙個職位目錄樹和《extjs實現完美grid(3
)》建的grid組織到乙個panel裡,用border布局
//總的panel
var view =new
ext.panel(,
] })
view.render();
officeroot.expand(
true
);也可仿照查詢面板,在頁面加乙個div,然後強制控制大小顯示和隱藏,請自行研究
這樣我們就完成了,簡單吧
來看看效果吧
閉合狀態
開啟狀態:
因為原始碼太長,不能一一貼出,僅供參考!!
ExtJS4學習 多表頭Grid
做專案的時候,有時候會遇到多表頭的grid,在extjs4中,多表頭的實現已經很簡單了,本文介紹如何實現多表頭gird的功能。做專案的時候,有時候會遇到多表頭的grid,在extjs4中,多表頭的實現已經很簡單了,本文介紹如何實現多表頭gird的功能。之前有一篇文章,講的是如何實現grid的分頁功能...
ExtJS4學習 多表頭Grid
做專案的時候,有時候會遇到多表頭的grid,在extjs4中,多表頭的實現已經很簡單了,本文介紹如何實現多表頭gird的功能。做專案的時候,有時候會遇到多表頭的grid,在extjs4中,多表頭的實現已經很簡單了,本文介紹如何實現多表頭gird的功能。之前有一篇文章,講的是如何實現grid的分頁功能...
Extjs4 grid按欄位排序
vargrid ext.create ext.grid.panel varstore ext.create ext.data.arraystore remotesort true 設定屬性進行請求後台排序 public static mapgetsort string sort else getty...