layui实现checkbox的目录树tree的例子
废话不多说啦，我就直接上代码吧，需要的朋友可以过来参考下
layui.use(['tree'],function(){
$=layui.jquery;
form=layui.form;
//获取节点数据
getTreeData();
});
functiongetTreeData()
{
$.ajax({
url:path+"/RoleController/getResourceTree.do",
type:"post",
dataType:"json",
data:{
"roleId":roleId,
"id":null,
"t":Math.random()
},
error:function(){
},
success:function(data){
treeData=JSON.stringify(data);
initMenuTree();
}
});
}
//加载列表
functioninitMenuTree(){
//json数姐转换成对象
treeData=eval("("+treeData+")");
//console.log(treeData);
//执行渲染
treeIns=layui.tree({
elem:'#demo',//指定元素，生成的树放到哪个元素上
check:'checkbox',//勾选风格
skin:'as',//设定皮肤
drag:true,//点击每一项时是否生成提示信息
checkboxName:'aa[]',//复选框的name属性值
checkboxStyle:"",//设置复选框的样式，必须为字符串，css样式怎么写就怎么写
click:function(item){//点击节点回调
//alert(item);
},
change:function(item){//当当前input发生变化后所执行的回调
//console.log(item);
resourceIds=item;
},
data:{//为元素添加额外数据，即在元素上添加data-xxx="yyy"，可选
hasChild:true
},
nodes:treeData
});
returntreeIns;
}
以上这篇layui实现checkbox的目录树tree的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。