ztree 修改数据默认勾选节点数据回显

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.3k累计阅读 2.3k平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄11年

关注

转载最新推荐文章于 2026-03-01 02:39:37 发布 2.3k 阅读 AI 写同款· GEO 优化 ›

若依中使用zTree 添加复选框，并设置选中和回显功能示例 zTree 是一个依靠 jQuery 实现的多功能 “树插件”，这篇文章主要介绍zTree添加复选框的使用方法，非常具有实用价值，需要的朋友可以参考下。阅读详情

转载自： https://blog.csdn.net/liujava621/article/details/44776557

亲测可用~转载存档一下~

var treeObj = $.fn.zTree.getZTreeObj(treeid);
var data = $("#hiddentree"+'${model.objUid}').val();
var datas = data.split(',');
var inputtree = '';
var d = '';
for(var i = 0;i<datas.length;i++){
	treeObj.checkNode(treeObj.getNodesByParam("id", datas[i],null)[0],true, true);
	inputtree += treeObj.getNodesByParam("id", datas[i],null)[0].name+",";
	d = inputtree.substring(0,inputtree.length-1);
	$("#inputtree"+'${model.objUid}').val(d);
}
注：treeid：tree的ID
    treeObj：tree对象
	treeObj.getNodesByParam("id", datas[i],null)[0] 根据键值获取相应的节点，[0]获取第一个object就是你需要的数据节点
	treeObj.checkNode(nodes,true,true)checkNode方法根据相应节点，进行勾选
	treeObj.getNodesByParam("id", datas[i],null)[0].name 获取节点数据的相应的属性

收录于

ztree

当前文章被收录于：

ztree

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#ztree

zTree设置默认选中节点（当前组织默认选中）【代码】zTree设置默认选中节点（当前组织默认选中）阅读详情

相关推荐

深度强化学习中的动作屏蔽（Action Masking）

在复杂环境中使用动作屏蔽，实现更好的训练效果

Kiek17的博客 5810

ztree回显,选中

编辑回显 var treeObj = $.fn.zTree.getZTreeObj("tree");//获取ztree对象 if (undefined !== treeObj && undefined !== name){ var node = treeObj.getNodesByParam("id", treeId, null)[0];//根据id获取节点 // console.log(node); treeObj.checkNode(node, true, true);//选中

songjiangu的博客 1828

Unity Addressable资源缓存路径自定义指南：告别C盘爆满烦恼

本文详细介绍了如何自定义Unity Addressable系统的资源缓存路径，解决其默认存储在C盘导致的磁盘空间不足问题。通过配置CacheInitializationSettings并编写编辑器脚本，开发者可以将缓存迁移至项目目录，实现资源的集中管理，提升团队协作效率与开发环境一致性。

pytorch8learner的博客 442

ztree 修改数据默认勾选节点数据回显

var treeObj = $.fn.zTree.getZTreeObj(treeid); var data = $("#hiddentree"+'${model.objUid}').val(); var datas = data.split(','); var inputtree = ''; var d = ''; for(var i = 0;i<datas.length;i++){ tree

OnePiece 1万+

ztree--ztree树形结构显示数据+复选框+回显勾选选中值

** 1.ztree后台接口数据格式 var zNodes = [ {"id":1, "pId":0, "name":"test1"}, {"id":11, "pId":1, "name":"test11"}, {"id":12, "pId":1, "name":"test12"}, {"id":111, "pId":11, "name":"test111"} ]; ** 2.ztree前端页面使用 $(function () { var setting = {

weixin_42342065的博客 7200

关于zTree中节点无法隐藏的问题

zTree是一个基于jQuery实现的"树插件"，性能优异，支持数据同步加载和异步加载，配置灵活，功能较多，目前zTree开源项目放在码云上管理维护。在自己的项目开发过程中，层次结构类型的数据还是挺多的，zTree上手还算简单方便，但还是不停的遇到问题，只能看它的文档慢慢解决。最近遇到关于使用到zTree的业务场景大致是这样，需要构建一个带勾选框的权限树，可以通过勾选操作增加或者去除用户的某项权...

Super小龙的博客 6825

html 勾选框点击文字勾选,ztree点击文字勾选checkbox，radio实现方法

ztree的复选框checkbok，单选框radio是用背景图片来模拟的，所以点击文字即使用label括起checkbox，radio文字一起，点击文字也是无法勾选checkbox。要想点击ztree节点的文字就能勾选此节点，添加onClick事件，然后调用checkNode方法勾选。ztree点击文字勾选checkbox，radio源代码如下，示例居于zTree_v3\demo\cn\exche...

weixin_39929096的博客 1014

jquery ztree 设置勾选_jquery.ztree增加checkbox选项（可选以及不可选）-阿里云开发者社区...

有一棵树，我们只需要其中几个节点可以通过勾选前面checkbox来对其进行操作，且这个操作需要动态执行。应该如何实现呢？==========》面对这样一个需求，如果我们使用的是zTree树控件，那么将会变得非常地简单。面对这样一个需求，如果我们使用的是zTree树控件，那么将会变得非常地简单。1、引入ztree树相关的js文件1.2.3.4.5.注意excheck.js文件是一定要引入的，要不然会...

weixin_39580749的博客 665

Ztree _ 横向显示子节点、点击文字勾选、去除指定元素input的勾选状态

前些天项目需要树结构表现数据，需求ztree就能满足所以直接使用ztree只是踩了些小坑。。。 1.ztree子节点横向显示（下图）：效果说明：第三级子节点按需求横向显示其他竖向显示，每行最多显示5个（修改位置在zTreeStyle.css里面哦，在外面设置不上的，页面也获取不到想要设置样式的节点。。。如果你能还望赐教）代码如下： 1 .ztree>li>ul...

weixin_30346033的博客 618

zTree插件setting配置详解

一. zTree的 setting 配置详解 var setting = { treeId : "", //zTree 的唯一标识，初始化后，等于用户定义的 zTree 容器的 id 属性值。 //请勿进行初始化或修改，属于内部参数。 treeObj : null, //zTree 容器的 jQuery 对象，主要功能：便于操作。 //请勿进行初始化或修改，属

alex_mmg的博客 880

zTree插件setting配置详解&zTree v3.5.28 API 文档

注释： core 核心包 excheck 扩展 exedit 扩展 exhide 扩展 setting 配置详解 var setting = { treeId : "", treeObj : null, async : { autoParam : [],

傾城如夢的专栏 1万+

关于zTree插件setting的配置

var setting = { treeId ： “”，zTree的唯一标识，初始化后，等于用户定义的zTree容器的id属性值，勿进行初始化或修改，属于内部参数 treeObj ： null， zTree容器的jQuery对象，主要功能：便于操作 anync：{ //是否异步加载相当于ajax autoParam : [] , 可以设置提交时的参数名...

JessieZao的博客 4529

ztree数据自动回显展开勾选详解

首先我们需要熟悉他的几个api var treeObj = $.fn.zTree.getZTreeObj("editFunctionZtree"); //获得树 treeObj.checkAllNodes(false); //使得所有的选项全部未勾选 var nodes = treeObj.getCheckedNodes(false); //获得所有未选中选项 treeObj.ch...

afdasfggasdf的博客 3758

zTree获得选择节点的值以及回显选中

function filter(node) { //过滤器直选中2级节点累加 return (node.level == 2 && node.checked == true); } var setting = { //设置 check: { enable: true }, callback: { onCheck: onCh

有梦想的咸鱼 4万+

$.fn.zTree 展开回显选中

var ids='节点字符串';// 字符串形式：选中节点，...，二级节点，根节点 var si=ids..split(",").length-1; var setting = {view:{selectedMulti:false},data:{simpleData:{enable:true}}, async: { enable: true, ...

qq_15508731的博客 3310

ztree选中回显到ztree树上

点击修改，让数据显示到树形结构上边 $(".updateSupplyBtn").click(function (){ var ztreeIds = $("#sortId").val(); if(ztreeIds.trim()!=""){ var ztree = $.fn.zTree.getZTreeObj("menuTree"); var

Chasedream_hs的博客 721

js--ztree设置默认节点选中

zTree如何设置默认选择节点 zTree的节点选中分为两种设置默认select默认选中节点设置check选中状态容易出错的地方 zTree的节点选中分为两种 zTree的选中一种是像复选框那样选中，那种选中的关键词为check，如图所示另一种为通过鼠标单击的选中状态，这一种选中为select，如下图所示设置默认select默认选中节点在设置select选中节点之前首先需要获得要设置选中的节点， var ztree = $.fn.zTree.getZTreeObj(“treeDemo”); va