zTree 学习心得

最近做项目需要使用Ztree,但是使用的方法不多，主要是显示，跟click操作：

1、数据显示：

//组织树规则
var settingTree ={//属性设置
data: {
　　simpleData: {
　　enable: true
}
},
callback : {//回调函数
　　onClick : onClick
}
};

//tree点击事件
function onClick(e, treeId, treeNode){
treeNode.id;//获取点击节点id属性值
treeNode.name;//获取点击节点name属性值
}

后台获取数据格式：

public class TreeNode {//定义TreeNode节点属性
public String id;// 节点ID
public String pId;// 父节点名称
public String name;// 节点名称
public boolean checked;// 是否选中
public boolean open;// 是否展开 true 是，false 否

//set、get方法

}

//返回组织列表，初始化tree
public String show(){
orgList = organizeService.getOrganizeList();//orgLost为List<>格式
treeNodeList = new ArrayList<TreeNode>();
TreeNode treeNode = new TreeNode();
treeNode.setId("0");
treeNode.setName("root");
treeNode.setChecked(false);
treeNode.setOpen(true);
treeNodeList.add(treeNode);
if((orgList!=null)&&(orgList.size()>0)){
for(Organize organize : orgList){
treeNode = new TreeNode();
treeNode.setId(organize.getOrganizeId());
treeNode.setName(organize.getOrganizeName());
treeNode.setpId(organize.getParentOrgId());
treeNode.setChecked(false);
treeNode.setOpen(true);
treeNodeList.add(treeNode);
}
}
return "treeNodeList";
}

页面获取数据：

$(document).ready(function(){

　　$.get("organize",{},function(tree){
　　　　$.fn.zTree.init($("#organizeTree"), settingTree, tree);
　　}

});