[ExtJS]範例Tree元件的使用Ext.tree.TreePanel

ExtJS的TreePanel樹是繼承Ext.Panel,所以它可以算是一個Container,不過它也是算是一個ExtJS的Component,給於TreeNode來完成樹狀結果,可以應用在選單或是分類等地方。像是下圖

ExtJSTree3.png

左邊圖是設定rootVisible : false,而右邊圖是設定rootVisible : true,根結點是否顯示

ExtJSTree1.pngExtJSTree2.png

相關資料

ExtJS的API

ExtJS的下載點

ExtJS官網

ExtJS Example




底下介紹TreePanel的二種寫法

1.直接使用利用腳本來產生樹

這個的好處是比較好寫,省的麻煩,不過如果要單獨取得樹的內容顯的比較麻煩點

javascript code

html code

2.每一個結點都new一個新物件

這個的好處是可以直接使用new出來的物件,不過需要key很多的程式碼

javascript code

html code

原始碼下載點

範例demo網址

0 comments on “[ExtJS]範例Tree元件的使用Ext.tree.TreePanel

    1 Pings/Trackbacks 於 "[ExtJS]範例Tree元件的使用Ext.tree.TreePanel"

    發表迴響