【jeasyui教程】jQuery EasyUI 树形菜单 - 树形菜单添加节点

责任:葡京娱乐场.0267 栏目: jeasyui 发布于: 2014-11-27 20:04:15

感谢您百忙之中阅读本站文章,这里是葡京娱乐场.娱乐官方网,可以关注我们的文章公众号葡京娱乐场.pj32698,以下是文章内容,请注意用眼疲劳。

jQuery EasyUI 树形菜单 - 树形菜单添加节点

本教程向您展示如何附加节点到树形菜单(Tree)。我们将创建一个包含水果和蔬菜节点的食品树,然后添加一些其他水果到已存在的水果节点。

创建食品树

首先,我们创建食品树,代码如下所示:

	<div style="width:200px;height:auto;border:1px solid #ccc;">
		<ul id="tt" class="easyui-tree" url="tree_data.json"></ul>
	</div>

请注意,树(Tree)组件是定义在 <ul> 标记中,树节点数据从 URL "tree_data.json" 加载。

得到父节点

然后我们通过点击节点选择水果节点,我们将添加一些其他的水果数据。执行 getSelected 方法得到处理节点:

	var node = $('#tt').tree('getSelected');

getSelected 方法的返回结果是一个 javascript 对象,它有一个 id、text、target 属性。target 属性是一个 DOM 对象,引用选中节点,它的 append 方法将用于附加子节点。

附加节点

	var node = $('#tt').tree('getSelected');
	if (node){
		var nodes = [{
			"id":13,
			"text":"Raspberry"
		},{
			"id":14,
			"text":"Cantaloupe"
		}];
		$('#tt').tree('append', {
			parent:node.target,
			data:nodes
		});
	}

当添加一些水果,您将看见:

正如您所看到的,使用 easyui 的树(Tree)插件去附加节点不是那么的难。

下载 jQuery EasyUI 实例

jeasyui-tree-tree3.zip


本文转载自:
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。
转载请注明:文章转载自 [http://www.danrojas.com]
本文标题:【jeasyui教程】jQuery EasyUI 树形菜单 - 树形菜单添加节点
IT技术书籍推荐:
细说PHP(第2版)
细说PHP(第2版)
高洛峰 (作者)
《细说PHP(第2版)》内容简介:PHP是开发Web应用系统最理想的工具,易于使用、功能强大、成本低廉、高安全性、开发速度快且执行灵活。全书以实用为目标设计,包含PHP开发最主流的各项技术,对每一个知识点都进行了深入详细的讲解,并附有大量的实例代码,图文并茂。系统地介绍了PHP的相关技术及其在实际Web开发中的应用。 《细说PHP(第2版)》共六个部分,分为30个章节,每一章都是PHP独立知识点的总结。内容涵盖了动态网站开发的前台技术(HTML+CSS)、PHP编程语言的语法、PHP的常用功能模块和实用技巧、MySQL数据库的设计与应用、PHP 面向对象的程序设计思想、数据库抽象层PDO、Smarty模板技术、Web开发的设计模式、自定义框架BroPHP、Web项目开发整个流程等目前PHP开发中最主流的技术。每一章中都有大量的实用示例,以及详尽的注释,加速读者的理解和学习,也为每章的技术点设置了大量的自测试题。最后以一个比较完整的、采用面向对象思想,以及通过MVC模式设计,并结合Smarty模板,基于BroPHP框架的CMS系统为案例,详细介绍了Web系统开发从设计到部署的各个细节,便于更好地进行开发实践。
葡京娱乐场.最新互联网资讯
每月好书:Python机器学习算法
发布于 2017-07-22 03:23:04
python视频教程与指导手册大全下载
发布于 2017-07-22 03:01:51
Python 多线程鸡年不鸡肋
发布于 2017-07-22 03:06:04
利用 Python,四步掌握机器学习
发布于 2017-07-22 02:39:44
葡京娱乐场.互联网资讯

葡京娱乐场_进入葡京娱乐场.pj32698官方网站.0267