EasyUI tree常用方法

初始化树

$('#EM_tree').tree({  data:treeData,//json格式数据checkbox: true,  //显示勾选框dnd:true,  onClick:function(node){//单击事件  }                       //$(this).tree('toggle', node.target);  },onLoadSuccess:function(){  //加载完成事件$("#EM_tree").tree("collapseAll");  //收起树节点}
})

重载

function reload(){  var node = $('#EM_tree').tree('getSelected');  //当前选中节点//判断当前是否有选中节点if (node) {  $('#EM_tree').tree('reload', node.target);  }else {  $('#EM_tree').tree('reload');  //刷新整个树}
}

获取children

function getChildren(){  var node = $('#EM_tree').tree('getSelected');  if (node) {  //当前选中节点的childrenvar children = $('#EM_tree').tree('getChildren', node.target);  }else {  //树的childrenvar children = $('#EM_tree').tree('getChildren');  }  for (var i = 0; i < children.length; i++) {  var text = children[i].text;  }  alert(children.length);
}

获取勾选节点

function getChecked(){  var nodes = $('#EM_tree').tree('getChecked');  for (var i = 0; i < nodes.length; i++) {  var text = nodes[i].text;  }  alert(nodes.length);
}

获取当前选中节点

function getSelected(){  var node = $('#EM_tree').tree('getSelected');  alert(node.text);
}

收起、展开节点

function collapse(){  var node = $('#EM_tree').tree('getSelected');  $('#EM_tree').tree('collapse', node.target);
}  function expand(){  var node = $('#EM_tree').tree('getSelected');  $('#EM_tree').tree('expand', node.target);
}function collapseAll(){  var node = $('#EM_tree').tree('getSelected');  if (node) {  $('#EM_tree').tree('collapseAll', node.target);  }else {  $('#EM_tree').tree('collapseAll');  }
}  function expandAll(){  var node = $('#EM_tree').tree('getSelected');  if (node) {  $('#EM_tree').tree('expandAll', node.target);  }else {  $('#EM_tree').tree('expandAll');  }
}

节点的增删改

function append(){  var node = $('#EM_tree').tree('getSelected');  $('#EM_tree').tree('append', {  parent: (node ? node.target : null),  data: [{  text: 'new1',  checked: true  }, {  text: 'new2',  state: 'closed',  children: [{  text: 'subnew1'  }, {  text: 'subnew2'  }]  }]  });
}  function remove(){  var node = $('#EM_tree').tree('getSelected');  $('#EM_tree').tree('remove', node.target);
}  function update(){  var node = $('#EM_tree').tree('getSelected');  if (node) {  node.text = '<span style="font-weight:bold">new text<\/span>';  node.iconCls = 'icon-save';  $('#EM_tree').tree('update', node);  }
}

EasyUI tree常用方法相关推荐

java easyui tree例子_EasyUI Tree的简单使用
此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...
php easyui tree 结构,EasyUI Tree树组件无限循环的解决方法
在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环. ...
使用EasyUI Tree异步加载JSON数据生成树
这几天因为工作需要,要做一个支持无限级的菜单. 我也是菜鸟一只,能想到的东西不多,所以用了Easy UI的tree组件. 不得不说,easyui确实很强大. 因为是无限级菜单,数据量可能有点大,所以考 ...
EasyUI Tree判断节点是否是叶
方法1: $('#domaincatalog').tree('isLeaf', node.target); 返回true或false ,true表示是叶节点, false即不是方法2:官方文档中: ...
【EasyUI tree】Python 异步菜单树的实现
加载效果如果使用 EasyUI tree 加载10000+项菜单项,全部加载出来耗时10s+,改为异步后,瞬间加载完成,极大提升用户体验.下图小圆圈是正在加载的菜单项效果. Easyui tree ...
适用于zTree 、EasyUI tree、EasyUI treegrid
#region System.Text.StringBuilder b_appline = new System.Text.StringBuilder(); Syst ...
数据库树形结构，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 ...

EasyUI tree常用方法

EasyUI tree常用方法相关推荐

最新文章

热门文章