博客展示了JavaScript中引入zTree插件的代码，包含设置项如点击事件、视图、数据等配置，还给出了JSON格式的数据示例以及点击事件函数，可通过该函数获取点击元素的id。
引入：
<script src="js/jquery.ztree.all.js"></script>
$(function(){
var setting={
callback:{
onClick: onClick, //点击事件
//onCllapse:zTreeOnCollapse,
//onExpand:zTreeOnexpand,
//beforeEditName:beforeEditName,
//beforeRemove:beforeRemove
},
view:{
nameIsHTML:true,
showTitle:false,
dblClickExpand:trye,
selectedMulti:false,
//addHoverDom:addHoverDom,
selectedMulti:false
},
data:{
simpleData:{
enable:true
}
},
edit:{
//enable:true,
//editNameSelectAll:true,
//showRemoveBtn:showRemoveBtn,
//showRemoveBtn:showRemoveBtn
}
};
var curTree=$.fn.zTree.init($("绑定元素id"),setting,zNodes//json);
})
json格式：
var zNodes=[{
name:"",
id:"",
pId:""//pId为父级id，如该没有则为空
},{
name:"",
id:"",
pId:"",
}..........
]
//点击事件：
function aa(event,treeld,treeNode){
treeNode.id //可获取点击的这个的id
}
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
