js 节点 选中ztree_ztree.js使用心得

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上的，他是在内存里面的!!!这个一定要谨记