在網頁中使用樹是一件很費資源的事情,但由于它使用起來很直觀,所以在很多應用中還是要使用到樹。建立樹有三種方法:
1、一開始就把整棵樹,包括最底層的葉子(即使沒有展開)都讀到客戶端。那樣點擊時的速度會很快,但建立這棵樹的時間會很長,甚至會把瀏覽器弄死,而且會造成很多不必要的流量;
2、樹的當前狀態保存在服務器端,點擊一層更新整棵樹,但沒有展開的部分不顯示,這樣每點一次都要把整棵樹的當前狀態下載下來,速度比較慢,服務器的負擔也比較重,但不用把整棵樹的所有層次一次下載下來,對層次比較多的樹來說能節約很大的流量;
3、開始時只下載頂層,點擊一層更新一層,把樹的狀態保存在客戶端。這種樹綜合了上述兩種方法的好處,既保證了速度,又節約了流量。xloadtree就是這種。
xloadtree主頁:
http://webfx.eae.net/dhtml/xloadtree/xloadtree.html用法:
很簡單,只要記住樹的每一層都可以用xml文件來表示,只要在服務器端生成每層的xml文件即可,那些xml文件并不是一開始就生成的,而是在請求的時候再生成。由于xml文件十分簡單,只有一個元素<tree>,所以用servlet來生成也很方便。僅僅使用一個servlet就可以生成所有層次的xml文件,只要給它傳遞不同的參數即可。
詳細的用法可以查看主頁上的文檔:
http://webfx.eae.net/dhtml/xloadtree/usage.html還可以把文件下載下來之后查看里面的文檔和demo:
http://webfx.eae.net/download/xloadtree111.zip相關網頁:
xloadtree的大bug???????
http://blog.csdn.net/sino_reason/archive/2004/08/13/73648.aspx分析xloadtree, 用ajax實現的動態目錄樹?
http://m.tkk7.com/nickey/archive/2005/11/13/19606.html