`
九牛一毛
  • 浏览: 10139 次
社区版块
存档分类

js1-----ztree

 
阅读更多
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>"}
					]}
				]}
		];
 
分享到:
评论

相关推荐

    JQuery-zTree-v2.6.rar_Java 8_jquery tree_jquery-ztree-2.6.js_jqu

    1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、...

    zTree-zTree_v3-master.zip_ztree_多功能插件

    8. **API接口**:zTree提供了一系列的JavaScript API接口,开发者可以通过调用这些接口来实现与zTree的交互,如获取选中节点、获取父节点等。 总的来说,zTree_v3是一个强大而全面的jQuery树插件,无论是对于新手...

    jquery-ztree-2.5.js

    jquery-ztree-2.5.js

    zTree-zTree_v3-master.zip

    1. **引入库文件**:在HTML中引入zTree_v3的CSS和JavaScript文件,确保浏览器能正确解析和执行。 2. **准备数据源**:数据源通常是一个JSON格式的数组,包含节点的ID、父ID、名称等信息。 3. **初始化配置**:设置...

    ztree-JS-CSS

    《ztree-JS-CSS:后台资源展示页的核心技术解析》 在网页开发中,后台资源的展示是一项关键任务,而ztree作为一个优秀的JavaScript库,专门用于构建树形结构的界面,尤其适用于后台资源管理。"ztree-JS-CSS"这个...

    zTree-zTree_v3-各种tree的使用大全(带搜索)

    在【zTree-zTree_v3-各种tree的使用大全(带搜索)】这个压缩包中,包含了zTree_v3的完整源码和相关示例,为开发者提供了全面了解和使用zTree_v3的功能。 1. **zTree_v3的核心特性** - **灵活的配置**:zTree_v3支持...

    基于ztree开发的下拉树控件ztree-select

    ztree是一个广泛使用的JavaScript树形插件,而ztree-select则是其在下拉选择器场景中的延伸应用,尤其适用于需要展示多级分类数据的Web应用。 ztree的基础功能包括但不限于: 1. **层级展示**:ztree可以清晰地...

    树的动态加载和操作JQuery zTree v2.5\jquery-ztree-2.5.js

    无刷新地对树节点进行操作JQuery zTree v2.5\jquery-ztree-2.5.js

    官网zTree -- jQuery 树插件 官网压缩包

    官网zTree -- jQuery 树插件 官网压缩包 学习起来很方便,版本 3.x 基本来说没有要求,zTree 在开发中使用 jQuery 11111.4.4;目前简单测试过 jQuery 1.3+ 应该都能正常使用

    ztree-select下拉框

    1. **初始化配置**:设置ZTree的基本配置,如树的ID、样式、节点展开策略等,以及`ztree-select`特有的属性,例如默认选中项、是否允许多选等。 2. **数据绑定**:将后端返回的层次结构数据通过JavaScript方法传递...

    jquery-zTree_v3

    1. 引入依赖:首先需要引入jQuery库和zTree的CSS、JS文件。 2. HTML结构:创建基本的HTML结构,通常是一个`&lt;ul&gt;`元素作为树的基础容器。 3. 初始化配置:设置zTree的初始化参数,包括节点数据、显示样式、行为设置等...

    zTree-zTree_v3-v3.5.01

    在压缩包"zTree-zTree_v3-7b4dfb8"中,我们可以找到zTree的源码、示例、文档等相关文件。源码部分可以帮助开发者深入理解zTree的工作原理,对其进行二次开发或定制;示例文件则展示了如何在实际项目中应用zTree的...

    bootstrap-ztree3.zip

    2. JavaScript文件:主要为`jquery.ztree.core.js`和`jquery.ztree.excheck.js`,前者是ZTree的基础核心,后者则扩展了复选框功能。 3. 图标资源:可能包含`.png`或`.svg`格式的图标文件,用于表示节点的状态(如...

    jquery-zTreeAPI v2.6.zip

    《jQuery-zTree API v2.6详解:打造高效前端树形组件》 在网页开发中,数据的组织和展示方式多种多样,其中树形结构因其层次清晰、逻辑明确的特点,常用于目录管理、组织架构展示等领域。jQuery-zTree是一款基于...

    bootstrap样式的jquery-ztree

    1. 引入必要的库文件:Bootstrap CSS、jQuery、zTree核心JS和Bootstrap风格的zTree CSS。 2. 配置HTML结构,包含一个`ul`元素作为zTree的基础容器。 3. 初始化zTree,设置相关参数,例如: ```javascript $...

    zTree-zTree_v3.zip

    1. **动态加载**:zTree支持数据的动态加载,用户可以根据需要请求和显示节点数据,有效降低了页面的初次加载负担。 2. **多态展现**:zTree可以呈现多种形态的树形结构,如单选、多选、半选等,满足不同场景下的...

    JQuery-zTree-v3.1.rar_ztree

    在`JQuery-zTree-v3.1.rar`这个压缩包中,包含了zTree的最新版本v3.1,提供了完整的源码和文档,方便开发者进行定制和使用。 **二、核心功能** 1. **动态加载**:zTree支持异步加载子节点数据,可以在用户展开父...

    zTree-zTree_v3.5.17

    1. **zTree基本概念** - **树形结构**:zTree以树形结构展示数据,这种结构清晰地展现了层次关系,适合用于目录管理、组织架构展示等场景。 - **节点**:zTree中的每个元素称为节点,节点可以包含文本、图标、状态...

Global site tag (gtag.js) - Google Analytics