废话不多说啦,我就直接上代码吧,需要的朋友可以过来参考下
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实现复选框的目录树树的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
layui实现复选框的目录树树的例子