ZTree 设置默认选中节点

最新推荐文章于 2025-06-28 12:51:07 发布

叫我18岁的骚年

最新推荐文章于 2025-06-28 12:51:07 发布

阅读量3.9w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：我的记录（前端）

本文链接：https://blog.csdn.net/q6658368/article/details/81285349

我的记录（前端）专栏收录该内容

11 篇文章

订阅专栏

本文介绍使用zTree插件设置节点选中状态的两种方法：一是通过zTree提供的API函数checkNode；二是直接修改节点的checked属性，并调用updateNode进行更新。这两种方法均可在初始化树形结构后对指定节点进行选中处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置node节点checked选中,有两种方法实现:

（1）、zTree.checkNode(node, true, true);

（2）、node.checked = true;
zTree.updateNode(node); 设置checked属性之后，一定要更新该节点。

function initZTree() {
	$.ajax({
		url: "/gcsoft/menu/getMenuTreeById.action?id=0",
		type: "post",
		dataType: "json",
		async: false,
		success: function(data) {
			var setting = {
				async: {
					enable: true,
					url: "/gcsoft/menu/getMenuTreeById.action",
					autoParam: ["id", "pid", "name"],
					dataFilter: filter
				},
				data: {
					simpleData: {
						enable: true,
						idKey: 'id',
						pIdKey: 'pid',
						rootPId: 0
					}
				},
				callback: {
					onAsyncSuccess: function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
						var menuIds = '${menuIdArr}'.split(',');

						for(var i = 0; i < treeNode.children.length; i++) {
							for(var j = 0; j < menuIds.length; j++) {

                                       //第二种方法node.checked = true; 
                                      //再更新节点zTree.updateNode(node); 

								if(treeNode.children[i].id == menuIds[j])
									treeNode.children[i].checked = true
								    zTree.updateNode(treeNode.children[i]);
							}
						}
					},
					onCheck: click
				},
				check: {
					enable: true
				},
				view: {
					showIcon: false
				}
			};
			var zTree = $.fn.zTree.init($("#zTree"), setting, data);
			var menuIds = '${menuIdArr}'.split(',');
			for(var i = 0; i < menuIds.length; i++) {

                       //zTree.checkNode(node, true, true);

				var node = zTree.getNodeByParam("id", menuIds[i]);
				if(node != null) {
					zTree.checkNode(node, true)
				}
			}
		}
	});
}