layui tree 前端

发布于：2023-08-29 10:56:08

<script>    
	var roleId = getQueryString("id");    
layui.use(['jquery','form','tree'], function () {    
   	var $ = layui.jquery,    
   	form = layui.form,    
layer = layui.layer,    
tree = layui.tree,    
$ = layui.$;    
	form.render('select');    
	//var id = $("#id").val();    
	$.get(interfaces.selectFuncUrl + '?roleId=' + roleId, function(result){    
	   	tree.render({    
	elem: '#funTree'    
	,data: result    
	,showCheckbox: true  //是否显示复选框    
	,id: 'funcSelect'    
	//,isJump: true //是否允许点击节点时弹出新窗口跳转    
	,click: function(obj){    
	//var data = obj.data;  //获取当前点击的节点数据    
	//layer.msg('状态：'+ obj.state + '<br>节点数据：' + JSON.stringify(data));    
	}    
	});    
	});    
	//监听提交    
	form.on('submit(saveBtn)', function (data) {    
	   	var checkedDatas = tree.getChecked('funcSelect');    
	   	var ids = getCheckedId(checkedDatas);    
	   	var formData = data.field;	
    
	   	$.post(interfaces.roleUrl+'?ids=' + ids + '&name=' + formData.name + '&type=' + formData.type + '&id=' + roleId,    
	   		{},    
	  			function(result){    
	  				if (!result.success){    
	  					layer.alert('保存出错','提示');    
	  				} else {    
	  				var iframeIndex = parent.layer.getFrameIndex(window.name);    
	parent.layer.close(iframeIndex);    
	return false;    
	  				}    
	  			}    
	  		);    
	});    
	//获取所有选中的节点id    
function getCheckedId(data) {    
var id = "";    
$.each(data, function (index, item) {    
if (id != "") {    
id = id + "," + item.id;    
}    
else {    
id = item.id;    
}    
//item 没有children属性    
if (item.children != null) {    
var i = getCheckedId(item.children);    
if (i != "") {    
id = id + "," + i;    
}    
}    
});    
return id;    
}    
	});    
</script>