EasyUI Tree添加节点

创建foods tree
首先，我们创建foods 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标记，tree节点数据载入tree_data.json。

得到父节点
我们点击节点以选择fruit节点，我们添加一些fruits数据。调用getSelected方法来得到节点handle。

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

getSelect方法的返回值是一个js对象，包括id，text，attributes和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});}

当我们添加一些fruits，可以看到：

转载于:https://www.cnblogs.com/huangf714/p/5911796.html

EasyUI Tree添加节点相关推荐

EasyUI Tree判断节点是否是叶
方法1: $('#domaincatalog').tree('isLeaf', node.target); 返回true或false ,true表示是叶节点, false即不是方法2:官方文档中: ...
easyui tree 检索树节点（3）
1.检索树节点的调用方法 function searchTreeFunc(){ $("#tree").tree("searchTree",$("#s ...
Dojo学习13 dijit.Tree 动态添加节点之一
为什么80%的码农都做不了架构师?>>> 13. dijit.Tree 动态添加节点之一对dijit.Tree研究了很久,源代码也看了好多遍了.对于fx这个类的研究还需要更深 ...
java easyui tree例子_EasyUI Tree的简单使用
此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
数据库树形结构，EasyUI Tree 树
通过 $.fn.tree.defaults 重写默认的 defaults. 树(tree)在网页中以树形结构显示分层数据.它向用户提供展开.折叠.拖拽.编辑和异步加载功能. 树的数据格式(Tree D ...
easyUI tree 自定义图标
文章转载自: https://blog.csdn.net/zhlantian/article/details/52913115 近期由于项目中需要使用easyui tree树形列表,并在系统中动态配置 ...
Jquery easyui tree的使用
这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: [html] view plain copy print ? <ul ...
php easyui tree 结构,EasyUI Tree树组件无限循环的解决方法
在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环. ...

EasyUI Tree添加节点

EasyUI Tree添加节点相关推荐

最新文章

热门文章