$=layui.jquery;
tree=layui.tree;
data=[{
title:'一级1',id:1,field:'name1',checked:false,spread:true,children: [{
title:'二级1-1 可允许跳转',id:3,field:'name11',href:'https://www.layui.com/',spread:true,checked:true,children: [
{
title:'三级1-1-3',id:23,field:'',spread:true,checked:""},{
title:'三级1-1-4',id:23,field:'',spread:true,checked:true}
]
},{
title:'二级1-3',id:20,field:'',spread:true,checked:true,children: [{
title:'三级1-3-1',id:21,field:'',checked:true},{
title:'三级1-3-2',id:22,field:'',checked:false}]
}]
}];
tree.render({
elem:'#test12',
data:getData({$id})//data:data
,showCheckbox:true //是否显示复选框
,id:'id',isJump:false //是否允许点击节点时弹出新窗口跳转
//,click: function(obj){
console.log(obj.data);
//var data = obj.data; //获取当前点击的节点数据
//layer.msg('状态：'+ obj.state + '
节点数据：' + JSON.stringify(data));
//}
});functiongetData(id) {
let data=[];
$.ajax({
url:"{:url('kpxt/roles/node_read_json')}?id="+id,//后台数据请求地址
type:"post",
async:false,
success:function(resut) {//console.log(resut);
data=resut.result;
}
});
console.log(data);returndata;
}//监听提交
form.on('submit(demo1)',function(data) {//获得选中的节点
varcheckData=tree.getChecked('id');//var list = new Array();
list=getChecked_list(checkData);//获取选中节点的id
functiongetChecked_list(data) {varid= "";
$.each(data,function(index, item) {if(id!= "") {
id=id+ "," +item.id;
}else{
id=item.id;
}vari=getChecked_list(item.children);if(i!= "") {
id=id+ "," +i;
}
});returnid;
}
$.ajax({
type:'post',
url:"{:url('kpxt/roles/node_read_save')}",
data:{data:data.field,ids:list},
success:function(res) {//console.log(res);
if(res.status== 200){
layer.msg(res.msg,{time:500,offset:'200px'},function() {
window.location.reload();
});
}else{
layer.msg(res.msg,{time:500,offset:'200px'},function() {
location.reload()
})
}
}
});return false;
});
$(".back_btn").click(function() {
window.location.href= "/kpxt/roles/index"})
});