Ztree使用筆記

1.初始化樹： $.fn.ztree.init($("#treedemo"), setting, znodes)，#treedemo-放置樹的容器id，setting引數設定，znodes初始化的節點；

2.setting 引數設定如下

var setting = ,
data: 
},callback: 
};

3.後台自定義類，用來接受樹資料，返回給前台繫結樹使用，個人覺得這個樹結構是很方便的，可以在後台將樹處理好，只要是正確的父級id，綁好資料返回給前台就能用了，基本不用再做其他處理，非常方便

public class jstreemodel
//樹id
public string pid //父級id
public string name //名字
public bool open //是否預設展開
public bool isparent //是否是父級節點，非同步載入時使用
public bool @checked //是否選中
}

4.後台處理好資料用上面定義的 jstreemodel 的list型別接收，返回到前台，直接給樹繫結，在前台就能看到完整的樹結構了

5.考慮到樹資料量大的問題，需要啟用非同步載入，只需要在設定引數中新增非同步的引數

var setting =  },//其他引數，自定義引數
datafilter: filter//過濾器，對後台傳回來的資料進行處理後再交給樹
}  ,
check: ,
data: 
},callback: 
};

在非同步載入的時候出現過幾個問題，一是非同步方法不進去，發現是父節點沒有設定isparent屬性，在初始化的時候，給父節點的isparent屬性設定為true,二是子節點不展示，發現時過濾器方法不對，資料沒有返回，三是勾選父節點，再進行非同步載入，子節點沒有被勾選，這個通過非同步方法將父節點的選中屬性（checked）傳到後台，賦值給查詢到的子節點就行了，四是自定義引數的問題，在otherparam裡面傳的引數只是初始值，如果是使用者輸入之類的引數值，會一直都是空，所有需要使用函式的方式傳值，就上面所寫到的

"username": function ()

Ztree使用筆記

Vim 使用筆記

xemacs使用筆記

TreeView使用筆記

Ztree使用筆記

Vim 使用筆記

xemacs使用筆記

TreeView使用筆記

相關推薦