废话不多说啦,我就直接上代码吧,需要的朋友可以过来参考下
layui。使用((“树”)、功能(){
美元=layui.jquery;
形式=layui.form;//获取节点数据
getTreeData ();
});
getTreeData()函数
{
. ajax({美元
url:路径+“/RoleController/getResourceTree.do”,
类型:“文章”,
数据类型:“json”,
数据:{
“roleId”: roleId,
“id”:空,
“t”: math . random ()
} ，
错误:函数(){
},
成功:功能(数据){
treeData=https://www.yisu.com/zixun/JSON.stringify(数据);
initMenuTree ();
}
});
}//加载列的表
函数initMenuTree () {//json数姐转换成对象
treeData=eval (”(“+ treeData +”)”);//console.log (treeData);//执行渲染
treeIns=layui.tree ({
elem:“#演示',//指定元素,生成的树放到哪个元素上
检查:“复选框”,//勾选风格
皮肤:',',//设定皮肤
阻力:真的,//点击每一项时是否生成提示信息
checkboxName:“aa[] ',//复选框的名字属性值
checkboxStyle: ",//设置复选框的样式,必须为字符串,css样式怎么写就怎么写
点击:函数(项){//点击节点回调//警报(项);
},
变化:函数(项){//当当前输入发生变化后所执行的回调//console.log(项);
resourceid=项目;
},
数据:{//为元素添加额外数据,即在元素上添加data-xxx=岸唷?可选
hasChild:真
},
节点:treeData
});
返回treeIns;
}
之前
以上这篇layui实现复选框的目录树树的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
