在ExtJS裡Accordion常用在Menu選單上來區分各大區塊的主要大分類選單，加上Tree的應用就可以顯示出相當豐富的選單內容了，樣式大概如下圖。
ExtJS的Tree的應用可以參考以篇[ExtJS]範例Tree元件的使用Ext.tree.TreePanel，底下範例也會用這些Tree狀資料資料來建構這個範例。結果畫面如下圖：
標籤: opensource
[ExtJS]範例Tree元件的使用Ext.tree.TreePanel
ExtJS的TreePanel樹是繼承Ext.Panel，所以它可以算是一個Container，不過它也是算是一個ExtJS的Component，給於TreeNode來完成樹狀結果，可以應用在選單或是分類等地方。像是下圖
左邊圖是設定rootVisible : false，而右邊圖是設定rootVisible : true，根結點是否顯示
相關資料
[C#]演算法-氣泡排序法(Bubble Sort)
這個排序演算法主要是利用二個迴圈，一個是要執行的回合數，另一個是真正比對數列資料，一次比較相臨的二個數，大的放右側，小的放左側，則可得最後一個數為最大數，則此數不再比較，以此類推，可以排出一個左小右大的數列。
演算過程的畫面如下程式畫面：
要排列的數列串是2,3,8,1,5,9,10,12,14
這是執行的過程及結果，一共執行了八回合
其中紅色字為需要交換字、藍色是正在比較的二個數、綠色是已排好的數，不會再進行比較
[Java]搜尋演算法-循序搜尋法、二元搜尋法
之前提供過C#版本的搜尋演算法循序搜尋法(Linear/Sequential-Search)及二元搜尋法(Binary-Search)，現在這是由Java撰寫而成的，整體來講是一樣的。
循序搜尋法
就是直接用迴圈一個個去比對，找到時就跳出。
二元搜尋法
需要先把要搜尋的數列先排序，由小到大，規則是先取前後二索引數，相加除二，也就是取中間數當索引值，然後跟要搜尋的數字做比較，如果一樣就是找到了，如果中間的數比要搜尋的數大，代表要搜尋的數在左邊數列，右邊數列則放棄，相反之，如果中間數比要搜尋的數小，代表要搜尋的數在右邊數列，左邊數列則放棄
執行結果如下：
結果的第一次的搜尋是循序搜尋，第二次是二元搜尋
第二個範例
[C#]演算法-二元搜尋法(Binary Search)
二元搜尋法需要先把要搜尋的數列先排序，由小到大，規則是先取前後二索引數，相加除二，也就是取中間數當索引值，然後跟要搜尋的數字做比較，如果一樣就是找到了，如果中間的數比要搜尋的數大，代表要搜尋的數在左邊數列，右邊數列則放棄，相反之，如果中間數比要搜尋的數小，代表要搜尋的數在右邊數列，左邊數列則放棄。
演算過程的畫面如下程式畫面：
數列串是1,2,3,4,5,6,7,8,9,10,11,12，然後要查詢4這個數字
