8.0w+
社区成员
zTree的每个子节点后面添加一个输入框
大虾们速来帮我，节点是AJAX遍历出来的
如图，在蓝色框，子节点后面添加一个输入框。
代码如下：
如图，在蓝色框，子节点后面添加一个输入框。
代码如下：
$.ajax({
async : false,
type : "post",
contentType : "application/json;charset=UTF-8",
url : '../queryUser.action',
dataType : "json",
error : function() {
alert('加载失败！',{},{});
},
success : function(data) {
zNodes1 = data.data;
}
});
$.fn.zTree.init($("#userList"), setting, zNodes1);
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
加蓬丝蝰 2015-11-04
我在API找到以下，供大家参考：
treeNode.isParent
记录 treeNode 节点是否为父节点。
1、初始化节点数据时，根据 treeNode.children 属性判断，有子节点则设置为 true，否则为 false
2、初始化节点数据时，如果设定 treeNode.isParent = true，即使无子节点数据，也会设置为父节点
3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据
加蓬丝蝰 2015-11-04
这个给了我一个好的提醒
兔子托尼啊 2015-11-03
父节点的话你判断子节点是否存在，有的话就不显示 了
执笔记忆的空白 2015-11-03
是否是父级ID，你们没有标识区分么？ 有的话拿那个标识用来做判断，是父级就不加input就是
加蓬丝蝰 2015-11-03
需求，快愁死我了
加蓬丝蝰 2015-11-03
现在我已经弄出常规遍历，但是问题来了，父节点也有，怎么去掉父节点的文本框？
生成文本框代码如下：
生成文本框代码如下：
function textDom(treeId, treeNode) {
var textObj = $("#" + treeNode.tId + "_a");
var nodeId = treeNode.id;
if ($("#diyBtn_" + treeNode.id).length > 0) {
return;
}
if(nodeId.length > 4){
var editStr = "<input type='text' class='' id='text_"
+ treeNode.id + "' title='" + treeNode.name + "' onkeyup='checkNum(this.value, this.id)' maxlength='6' style='width:53px;margin-left: 10px;'/>";
textObj.append(editStr);
}
}
var setting = {
view: {
addDiyDom : textDom
}
}
sinat_31535993 2015-11-03
绑定点击事件，点击节点出现文本框！
话说加文本框，干嘛用的？
ztree添加搜索定位节点 在ztree上添加搜索定位节点的功能，可以添加一个输入框，再加一个搜索按钮，或者不加按钮，直接监听输入框文本的变化进行查询节点，获取节点位置。本示例屏蔽了按钮，采用监听事件实现。 主页面： zTree搜索 ...
ztree 获取CheckBox选中节点时，不获取选中上级父节点简易写法 以及每个节点都有是否含有子节点的判断元素check_Child_State 所以我们只需要快速高效提取check_Child_State == -1 的节点即可 var treeObj = $.fn.zTree.getZTreeObj("tree"); var nodes = treeObj....
js+Ztree实现左侧树节点拖动到右侧面板上 <html> <head> <title>Demo</title> <meta charset="...zTreeStyle.css" type="text/css"> &l
ztree模糊搜索对节点高亮显示 网上找到的ztree模糊搜索方法，供大家一起借鉴 /** * * @param zTreeId ztree对象的id,不需要# * @param searchField 输入框选择器 * @param isHighLight 是否高亮,默认高亮,传入false禁用 * @param ...
Ztree树的复选框和获取选择的节点实例和代码 zTree的每一个节点都是一个treeNode对象，treeNode对象经常用到的属性和方法如下： ? 1 2 3 4 5 6 7 8 9 10 11 12 13 treeNode: { name, //节点显示的文本 checked, //节点是否勾选，ztree配置启用复选...
zTree学习笔记（一）——第一个入门实例 用了小一天的时间学习了zTree插件，做出了一个地区树的小例子，感觉这个插件真的蛮强大的，实现的过程中也遇到了一些困惑，现在总结一下。 从官网http://www.ztree.me/v3/main.php#_zTreeInfo 下载zTree插件，项目...
ztree 的模糊查询 if(pathOfOne && pathOfOne.length>0){ //对path中的每个节点进行操作 // i , 对节点本身不再操作 for(var i=0;i;i++){ zTreeObj.showNode(pathOfOne[i]); //显示节点 zTreeObj.expandNode(pathOfOne...
zTree前端js /*第一次显示树*/ initExpand : function(){ var searchKey = $("#tree-searchInput").val(); var levelNum = (searchKey==""?"1":""); $.ajax({ type : 'GET', url : ctrlBathPath+'/...
vue封装ztree Ztree官网下载全量的插件包，然后解压。 封装成vueZtree，代码如下： <!—- ztree封装的vue树，依赖ztree3.5版本的css和js，setting配置项等配置可查看ztree官网的api文档。要正常使用，则项目需要引入...
zTree使用小结 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 1.0 zTree的特点 •最新版的zTree将核心代码按照功能进行了分割，不需要的代码可以不用加载，如...
vue-Treeselect兼容ztree 背景：新的项目使用了vue，但是ztree的数据格式是之前的，{id，name，pId…}，与vue-Treeselect的格式不一致，为了兼容后端代码，所以前端数据重新生成一次。 引入vue-Treeselect npm install --save @riophae/vue...
jQuery树形控件zTree的使用 1 zTree的基本使用 1.0 zTree的创建 在页面中添加对zTree的js及css引用，由于zTree基于JQuery，JQuery的引用是必须的。 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
js树形控件—zTree使用 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。0.0 zTree的特点最新版的zTree将核心代码按照功能进行了分割，不需要的代码可以不用加载，如普通使用...
ztree.js v3.* 插件地址： https://cdn.staticfile.org/zTree.v3/3.5.01/css/zTreeStyle/zTreeStyle.css ... 一、注意事项 js:使用时直接应用js及css文件即可；... zTree v3.x将主要图标都合并为一个图片，利用图片切割方式显..
jQuery树形控件zTree使用小结 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 0.0 zTree的特点 •最新版的zTree将核心代码按照功能进行了分割，不需要的代码可以不用加载，...
Jquery-zTree的用法 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 0.0 zTree的特点 •最新版的zTree将核心代码按照功能进行了分割，不需要的代码可以不用加载，如...
Js控件—zTree树形控件使用 Js控件—zTree树形控件使用 开发工具与关键技术：VS MVC...经过自己的捣鼓之后弄出了想要的树形效果，所以就记了下来，方便自己记忆，也相当于一个学习zTree的一个总结吧。 树形控件的使用是应用过程中必不可少的。...
