var setting = {
view: {
showLine: false,
showIcon: false,
nameIsHTML:true
}
};
var zNodes =[
{ name:"父节点1 - 展开", open:true,
children: [
{ name:"父节点11 - 折叠",open:true,
children: [
{ name:"叶子节点111"},
{ name:"<table class='tab' id='11'><tr><td>111111</td><td>111111</td></tr></table>"},
{ name:"叶子节点111",open:true,
children: [
{ name:"叶子节点111"}
]}
]},
{ name:"父节点12 - 折叠",open:true,
children: [
{ name:"叶子节点121叶子节点121叶子节点点121叶子节点121叶子节点"},
{ name:"<table class='tab' id='22'><tr><td>此处为table列,样式没有显示出来</td><td>此处为table列,样式没有显示出来</td></tr></table>"},
{ name:"叶子节点111"}
]},
{ name:"父节点12 - 折叠",open:true,
children: [
{ name:"叶子节点121叶子节点121叶子节点点121叶子节点121叶子节点"},
{ name:"<table class='tab' id='44'><tr><td>此处为table列,sssssssssss</td><td>此处为table列</td></table>"},
{ name:"叶子节点111"}
]},
{ name:"父节点12 - 折叠",open:true,
children: [
{ name:"叶子节点121叶子节点121叶子节点点121叶子节点121叶子节点"},
{ name:"<table class='tab' id='44'><tr><td style='padding:4px;border: solid 1px #316Aaa;'>此处为table列</td><td style='padding:4px;border: solid 1px #316Aaa;'>sssssssss</td></tr></table>"}
]}
]}
];
分享到:
相关推荐
1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、...
8. **API接口**:zTree提供了一系列的JavaScript API接口,开发者可以通过调用这些接口来实现与zTree的交互,如获取选中节点、获取父节点等。 总的来说,zTree_v3是一个强大而全面的jQuery树插件,无论是对于新手...
jquery-ztree-2.5.js
1. **引入库文件**:在HTML中引入zTree_v3的CSS和JavaScript文件,确保浏览器能正确解析和执行。 2. **准备数据源**:数据源通常是一个JSON格式的数组,包含节点的ID、父ID、名称等信息。 3. **初始化配置**:设置...
《ztree-JS-CSS:后台资源展示页的核心技术解析》 在网页开发中,后台资源的展示是一项关键任务,而ztree作为一个优秀的JavaScript库,专门用于构建树形结构的界面,尤其适用于后台资源管理。"ztree-JS-CSS"这个...
在【zTree-zTree_v3-各种tree的使用大全(带搜索)】这个压缩包中,包含了zTree_v3的完整源码和相关示例,为开发者提供了全面了解和使用zTree_v3的功能。 1. **zTree_v3的核心特性** - **灵活的配置**:zTree_v3支持...
ztree是一个广泛使用的JavaScript树形插件,而ztree-select则是其在下拉选择器场景中的延伸应用,尤其适用于需要展示多级分类数据的Web应用。 ztree的基础功能包括但不限于: 1. **层级展示**:ztree可以清晰地...
无刷新地对树节点进行操作JQuery zTree v2.5\jquery-ztree-2.5.js
官网zTree -- jQuery 树插件 官网压缩包 学习起来很方便,版本 3.x 基本来说没有要求,zTree 在开发中使用 jQuery 11111.4.4;目前简单测试过 jQuery 1.3+ 应该都能正常使用
1. **初始化配置**:设置ZTree的基本配置,如树的ID、样式、节点展开策略等,以及`ztree-select`特有的属性,例如默认选中项、是否允许多选等。 2. **数据绑定**:将后端返回的层次结构数据通过JavaScript方法传递...
1. 引入依赖:首先需要引入jQuery库和zTree的CSS、JS文件。 2. HTML结构:创建基本的HTML结构,通常是一个`<ul>`元素作为树的基础容器。 3. 初始化配置:设置zTree的初始化参数,包括节点数据、显示样式、行为设置等...
在压缩包"zTree-zTree_v3-7b4dfb8"中,我们可以找到zTree的源码、示例、文档等相关文件。源码部分可以帮助开发者深入理解zTree的工作原理,对其进行二次开发或定制;示例文件则展示了如何在实际项目中应用zTree的...
2. JavaScript文件:主要为`jquery.ztree.core.js`和`jquery.ztree.excheck.js`,前者是ZTree的基础核心,后者则扩展了复选框功能。 3. 图标资源:可能包含`.png`或`.svg`格式的图标文件,用于表示节点的状态(如...
《jQuery-zTree API v2.6详解:打造高效前端树形组件》 在网页开发中,数据的组织和展示方式多种多样,其中树形结构因其层次清晰、逻辑明确的特点,常用于目录管理、组织架构展示等领域。jQuery-zTree是一款基于...
1. 引入必要的库文件:Bootstrap CSS、jQuery、zTree核心JS和Bootstrap风格的zTree CSS。 2. 配置HTML结构,包含一个`ul`元素作为zTree的基础容器。 3. 初始化zTree,设置相关参数,例如: ```javascript $...
1. **动态加载**:zTree支持数据的动态加载,用户可以根据需要请求和显示节点数据,有效降低了页面的初次加载负担。 2. **多态展现**:zTree可以呈现多种形态的树形结构,如单选、多选、半选等,满足不同场景下的...
在`JQuery-zTree-v3.1.rar`这个压缩包中,包含了zTree的最新版本v3.1,提供了完整的源码和文档,方便开发者进行定制和使用。 **二、核心功能** 1. **动态加载**:zTree支持异步加载子节点数据,可以在用户展开父...
1. **zTree基本概念** - **树形结构**:zTree以树形结构展示数据,这种结构清晰地展现了层次关系,适合用于目录管理、组织架构展示等场景。 - **节点**:zTree中的每个元素称为节点,节点可以包含文本、图标、状态...