今天写zTree遇到个白痴问题，唉，在此记录下
zTree demo simpleData.html 示例中zNodes传到js源码里要求 zNodes是个object对象
我悲剧的在请求完tree data数据时转换了一下 前台接到的是string类型结果报错
Uncaught TypeError: Cannot call method 'lastIndexOf' of undefined
Action
String jsonString= toJson(treeNodes);
this.m_mv.getModel().put("treeJson", jsonString);
改为
this.m_mv.getModel().put("treeJson", treeNodes);
js
var setting = {
view : {
showLine : false
},
data : {
simpleData : {
enable : true
}
}
};
$(document).ready(function() {
$.ajax({
url : ctx+"/resourceModelTreeController/getModelTree",
data : "",
type : "post",
dataType : "json",
success : function(data) {
var zNodes = data.treeJson;
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}
});
});
这样就ok了
相关推荐
ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网...
在ztree的基础上封装的JS的combotree对象，在同一个页面中可以多次使用，使用方便，只需要传入一个页面的div标签的id和ztree的zNodes数据源即可以创建一个好用的combotree控件，源码中的例子可以直接使用。
$.fn.zTree.init($("#treeDemo"), setting, zNodes); }); ``` 六、拓展应用 zTree不仅适用于静态展示，还可以结合后台动态交互，如权限管理、文件管理系统、组织架构展示等。通过与其他前端框架（如AngularJS、...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); }); ``` 六、zTree实践案例 在实际项目中，我们可以利用zTree实现文件管理、权限分配、组织结构展示等功能。例如，创建一个简单的文件目录树，可以通过以下...
**zTree概述** zTree是一款基于JavaScript的树形插件，广泛应用于网页中展示层级结构的数据，例如组织架构、文件目录、菜单系统等。它以其轻量级、高性能、易于扩展的特点深受开发者喜爱。zTree提供了丰富的API接口...
// 初始化zTree，zNodes为节点数据 ``` 最后，通过监听输入框的事件，如`focus`和`blur`，来控制zTree的显示和隐藏。当输入框获得焦点时，显示下拉树；失去焦点或用户点击某个节点后，隐藏下拉树。 通过以上分析...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); }); ``` 2. 数据处理：zTree的数据结构是JSON数组，每个对象代表一个节点。节点数据包括`name`（文本）、`icon`（图标）、`url`（链接）、`checked`（是否选中...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.on("click", function(event, treeId, treeNode){ console.log("点击了节点：" + treeNode.name); ...
【ztree】是一款广泛应用于网页端的树形控件，尤其在数据管理和文件目录展示方面具有显著优势。它以其轻量级、高度可定制和强大的交互功能受到开发者的青睐。ztree的核心特性在于其能够动态加载数据，支持多选、单选...
2. 初始化设置：通过`$.fn.zTree.init()`方法初始化zTree，配置项包括`setting`和`zNodes`，其中`setting`是设置对象，`zNodes`是节点数据。 ```javascript var setting = {}; var zNodes = []; $.fn.zTree.init($(...
【基于ztree开发的下拉树控件ztree-select】是一种高效的前端UI组件，它结合了ztree的核心特性和下拉菜单的功能，适用于构建具有层级结构的选中项。ztree是一个广泛使用的JavaScript树形插件，而ztree-select则是其...
zTree是一款基于jQuery的开源项目，它以高效、灵活、多能的特点在Web开发领域中广泛应用。"zTree_v3-master.zip"中的"ztree"指的是这个插件的最新版本，即v3版本，而“多功能插件”的标签进一步强调了zTree不仅仅是...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); }); ``` 在上述代码中，我们首先引入了zTree的样式和库文件，然后定义了zTree的配置项和初始数据，最后在文档加载完成后初始化zTree。 **4. 异步加载数据...
var zTree = $.fn.zTree.init($("#tree"), setting, zNodes); $('#searchInput').on('focus', function() { $('#tree').show(); zTree.expandAll(true); }).on('blur', function() { $('#tree').hide(); }); ...
在IT领域，特别是前端开发中，`ZTree`是一个非常受欢迎的JavaScript树形插件，它主要用于构建可交互的树状结构数据。`ZTree`的功能强大，支持多种操作，如选择、拖拽、编辑等，广泛应用于权限管理、文件目录、组织...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); }); ``` 二、zTree的功能特性 1. **数据操作**：zTree支持动态加载、异步加载、单选、多选等数据操作。通过API可以方便地进行节点的增删改查，实现数据的实时...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); ``` 在实际应用中，你可能需要根据项目需求调整配置，如添加异步加载数据、自定义事件处理等。同时，zTree还提供了详细的API文档和示例代码，方便开发者查阅和...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); ``` 以上代码中，`check`对象配置了复选框相关属性，`data`对象设置了数据源的解析方式。`radioType`设置为`all`，意味着所有节点都可以被选中，如果是`level`...
$.fn.zTree.init($("#treeDemo"), setting, zNodes); ``` ### 二、ZTree 配置项 1. **基本配置** - `view`: 设置节点的显示样式，如`showLine`表示是否显示连接线，`showIcon`表示是否显示节点图标。 - `data`: ...
《zTree：一款强大的JavaScript树形菜单库》 zTree是一款功能强大且广泛应用的JavaScript库，主要用于构建树形菜单和数据展示。它以其高效的性能、丰富的功能和灵活的配置选项，深受开发者的喜爱。在“zTree_v3.zip...