ExtJS實現完美Grid 4 增強的查詢

2022-09-13 09:27:09 字數 1166 閱讀 4368

有時我們要檢視的資料可能是分級的資料,不同級別的人或者不同組織的人關心的資料不一樣,他們需要把別的資料過濾掉,這樣我們需要在列表旁加乙個目錄樹。

我在《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,然後強制控制大小顯示和隱藏,請自行研究

這樣我們就完成了,簡單吧

來看看效果吧

閉合狀態

開啟狀態:

到此打造完美grid已經實現,此grid基本上可以滿足常見的功能需要。

因為原始碼太長,不能一一貼出,僅供參考!!

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...