js ajax產生樹的思路

標籤：資料   div   sp   on   js   使用者   字串   bs   方法   

最近在研究tree grid ，對tree有些瞭解，所以寫了一些想法。

首先ajax請求載入，這個時候只取出第一層root層的資料，js根據規則渲染產生dom，輸出。這樣在特定的表格或者div中出現了樹的結構，而且每層樹的前面要有開啟或者關閉的圖片，這個在產生的時候已經判斷完,如果是新ajax請求，這時候應該是關閉的，等待使用者去點擊。

當使用者點擊這個開啟/關閉的圖片的時候，觸發事件。此時需要首先判斷開啟還是關閉。如果是開啟則執行關閉，關閉依據：將此行的id和下一行到最後的id進行比較 indexOf()方法 傳回值 0 ， -1，如果存在相等的字串，證明是子集，然後執行關閉，將display設定為none；如果是關閉則執行開啟，

開啟依據：首先判斷下一行為不為空白 nextnode !=null(此時說明下一行有資料) or nextnode==null (此時說明下一行沒有資料,也就是表格的最後一行)

if(nextnode !=null){//下一行有資料

　　//不需要執行ajax，直接將dom遍曆（在id中存在一樣的情況下，也就是當前的子集） 展開

}else{//下一行沒有資料 最後一行

　if(indexOf==0){

　　//下一行是否相等 之前取出過之後關閉的子集

　　//不需要ajax請求

　}else{

　　//此時下一行元素不是當前行的子集 

　　//ajax請求

　}

}

js ajax產生樹的思路