解决Ztree以checkbox复选框样式实现单选功能

最新推荐文章于 2021-12-23 17:06:04 发布

快乐on9仔

最新推荐文章于 2021-12-23 17:06:04 发布

阅读量4.6k

点赞数

分类专栏：前端文章标签： JAVA Ztree

本文链接：https://blog.csdn.net/qq_42427924/article/details/81118936

版权

本文介绍如何在Ztree中通过监听复选框选中事件，实现原本为复选模式的Ztree节点只能单选的功能。通过定制方法处理选中事件，确保每次只有一个节点被选中。

摘要由CSDN通过智能技术生成

$(document).ready(function() {
		//初始化树.
		$.fn.zTree.init($("#treeDemo"), setting);
		treeObj = $.fn.zTree.getZTreeObj("treeDemo");
		$("#detail").hide();
	});

var setting = {
		check : {
			enable : true,
			autoCheckTrigger: true,
			chkboxType:{ "Y": "", "N": "" }
		},
		data : {
			simpleData : {
				enable : true
			}
		},
		async : {
			enable : true,
			url : "sys/menu/getMuneTree",
		},
		callback : {
			onCheck : testClick,
		}
	};

监听选中的复选框触发事件..接下来写方法了

//点击获取节点信息.  
	function testClick(e, treeId, treeNode) {
		//树对象
		treeObj = $.fn.zTree.getZTreeObj("treeDemo");
		var nodes2 = treeObj.getCheckedNodes(true), v = "",ids = "";//获取所有选中的节点
		for(var i = 0 ; i < nodes2.length ; i++){
			//如果当前所有节点的id!=当前节点id
			if(nodes2[i].id != treeNode.id){