var setting = {
// 节点是否显示checkbox
check : {//是否显示checkbox
enable : true
},
edit: {//工具
enable: true,
showRemoveBtn: true,
showRenameBtn: false
},
callback: {//回调
beforeRemove : _this.onRemove,//这里是是指针指向onRemove删除事件
onClick: _this.zTreeOnClick//这里是是指针指向zTreeOnClick单击事件
},
data : {//设置数据格式
key : {
name : "resource_name",//父级
children : "children"//子级
}
// simpleData : {
// enable : true,
// idKey : "id",
// pIdKey : "parentid",
// rootPId : 0
// }
}
setting是来配置ztree的
$.fn.zTree.init($("#treeDemo"), setting, datas); 这里是初始化 datas是你后端的数据
treeObj = $.fn.zTree.getZTreeObj("treeDemo");//生成一个树的对象
treeObj.expandAll(true);//展开全部节点
var nodes = treeObj.getCheckedNodes(true);//当前被选中的节点数据集合
var resource_id=[];
for(var j=0;j
resource_id[j]=nodes[j].id;
}//resource_id存放被选中数据记得的ID属性(id是和你后端请求的数据的ID的key对应上)
重点:
zTreeOnClick也就是单击事件等 这种回调 官网API所提供的function(event, treeId, treeNode)...的demo中
treeNode就是你点击时候的对象.你可以通过treeNode.id来获得 你点击时候 触发的对象的 ID(这里的ID是你后端json数据的id,key需要你自己对应上)
想要获取到你所点击到的节点的Id就需要通过 他 提供的API来获取 后端json格式的数据里面的ID是不渲染到dom上的,他是在内存里面的!!!这个一定要谨记