EasyUI tree实现双击展开/折叠

直接上代码

        onDblClick: function(node) {$(this).tree(node.state === 'closed' ? 'expand' : 'collapse', node.target);node.state = node.state === 'closed' ? 'open' : 'closed';}

onDblClick是easyui提供的原生事件，监听之，然后根据节点的不同状态进行不同的转换就可以了。

这里注意第3行代码：

            node.state = node.state === 'closed' ? 'open' : 'closed';

在修改完该节点是否展开之后，要修改node的state属性，不然下次就无法折叠上。

EasyUI tree实现双击展开/折叠相关推荐

C# winform TreeView 屏蔽双击展开/折叠子节点
一搜索这个基本都是一样的通过事件来处理思路: 1.通过点击事件,记录点击的节点信息(是否为双击了节点的bounds,是的话在第二步cancel掉) 2.通过BeforeExpand.BeforeCo ...
element tree 如何全部展开、全部折叠
element tree 如何全部展开.全部折叠一.全部展开只需要将每个父节点的 id 放到 defaultExpendKeys 数组中即可 <el-treeclass="tree ...
jquery easyui Tree API
Query EasyUI API 中文文档 - Tree树使用介绍,需要的朋友可以参考下. 用 $.fn.tree.defaults 重写了 defaults. 依赖 draggable droppa ...
Jquery easyui tree的使用
这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: [html] view plain copy print ? <ul ...
java easyui tree例子_EasyUI Tree的简单使用
此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...
数据库树形结构，EasyUI Tree 树
通过 $.fn.tree.defaults 重写默认的 defaults. 树(tree)在网页中以树形结构显示分层数据.它向用户提供展开.折叠.拖拽.编辑和异步加载功能. 树的数据格式(Tree D ...
easyui tree 检索树节点（3）
1.检索树节点的调用方法 function searchTreeFunc(){ $("#tree").tree("searchTree",$("#s ...
[Eclipse]GEF入门系列（七、XYLayout和展开/折叠功能）
前面的帖子里曾说过如何使用布局,当时主要集中在ToolbarLayout和FlowLayout(统称OrderedLayout),还有很多应用程序使用的是可以自由拖动子图形的布局,在GEF里称为XYL ...
EasyUI Tree判断节点是否是叶
方法1: $('#domaincatalog').tree('isLeaf', node.target); 返回true或false ,true表示是叶节点, false即不是方法2:官方文档中: ...

EasyUI tree实现双击展开/折叠

EasyUI tree实现双击展开/折叠相关推荐

最新文章

热门文章