程式教學,java,eclipse,.net,gui,netbean,phtyon
在ExtJS裡Accordion常用在Menu選單上來區分各大區塊的主要大分類選單，加上Tree的應用就可以顯示出相當豐富的選單內容了，樣式大概如下圖。
ExtJS的Tree的應用可以參考以篇[ExtJS]範例Tree元件的使用Ext.tree.TreePanel，底下範例也會用這些Tree狀資料資料來建構這個範例。結果畫面如下圖：
JavaScript本身並沒有去除前後空白的功能，所以需要自行延伸功來操作去除空白這個功能，利用正規表示式找到空白取代掉，javascript正規表示式空白是/S，/正規式/g是全部取代。
使用方法是如下：
字串.trim();去除字串的左右空白
字串.lTrim();去除字串的左空白
字串.rTrim();去除字串的右空白
結果如下：
最近主機一直有問題，排程重啟Service、調整Apache MySQL設定值又換了wordpress cache也都沒用，後來研究了好久判斷可能是Bloggerads載入時太慢所以都卡住了，所以找了個方法讓它的JavaScript延遲載入，在網頁內容都載入後，才開始載入Bloggerads廣告。
原理是利用瀏覽器的特性，當元素被設定不顯示時裡面的圖形、flash內容及javascript等都不會真正的載入，只有在設定顯示時才會開始載入。
測試二種方式：
一種方式是先把需求的script在一開始載入好，需要顯示時才設定顯示，一種是連script都在最尾端（也可以使用onReady等方式）才載入。後一種的效能應該會比較好一點，不過比較麻煩。
這裡會需要使用到FireFox的FireBug使用方法可以參考網頁除錯觀察的Browser工具FireBug-開發者工具-開發人員工具
當網頁載入完成時，可以看到並沒有正真載入廣告
ExtJS的TreePanel樹是繼承Ext.Panel，所以它可以算是一個Container，不過它也是算是一個ExtJS的Component，給於TreeNode來完成樹狀結果，可以應用在選單或是分類等地方。像是下圖
左邊圖是設定rootVisible : false，而右邊圖是設定rootVisible : true，根結點是否顯示
相關資料
