EasyUI Tree判断节点是否是叶
方法1: $('#domaincatalog').tree('isLeaf', node.target); 返回true或false ,true表示是叶节点, false即不是
方法2:官方文档中:看到每个节点都有一些属性,其中一个是state,我们就通过这个state来判断。state有两个值 open和closed表示当前节点 打开和关闭了树的状态。当state等于undefined的时候就表示当前节点是Leaf 叶了。
在tree的onclick事件上添加判断代码如下
$("#domaincatalog").tree({url: 'http://www.cnblogs.com/Ajax/sys/DomainService.ashx?Method=GetAllDomain',method: "post",//onlyLeafCheck: true,//只有根节点才能被选中animate: false,onClick: function (node) {if (node.state == undefined) {alert("this is leaf");}//初始化右侧页面数据var domainID = "0"; //默认是根域0var node = $("#domaincatalog").tree('getSelected'); //获取树选中的节点if (node) {domainID = node.id;}this.formId = "#form_center"; //注意这里设置formID的时候 一定要加上#this.url = "http://www.cnblogs.com/Ajax/sys/DomainService.ashx?Method=Save";if (domainID != "0") {initTool.initDetails(domainID);}else {$.messager.show({title: '系统消息',msg: '根域无法查询....'});}},});
EasyUI Tree 默认选中跟节点
onLoadSuccess: function (node, data) {//数据加载完成事件var rootNode = data[0].children[0];if (rootNode) {//alert(rootNode.id);}var rootNode = $("#domainTree").tree("getRoot"); //获取根节点$("#domainTree").tree("select",rootNode.target);//根节点 被选中,选中的同时也是执行了点击的事件}
发现个BUG, Tree的select方法在最新版火狐20下 没有选中的效果,但是执行了选中后的事件。在IE和谷歌并无此问题!
jquery easyUI tree 搜索节点
link href="/Easyui3c/themes/icon.css" rel="stylesheet" type="text/css" />//检索树的节点$("#btnSearchTree").click(function () {var key = $.trim($("#txtKeyword").val());if (key.length > 0) {//遍历树的所有的节点,span标签的class属性包含tree-title的element元素$("span[class*='tree-title']").each(function (i, data) {var text = $(this).html().toString();if (text.indexOf(key) != -1) {$(this).addClass("highlight");}else {$(this).removeClass("highlight");}});}else {$("span[class*='tree-title']").each(function (i, data) {if ($(this).hasClass("highlight")) {$(this).removeClass("highlight");}});}});<style type="text/css">.highlight{font-weight:bold;color:Red;}
</style> <input id="txtKeyword" type="text" style="height:20px;line-height:20px;width:120px;" /><a href="#" id="btnSearchTree" class="easyui-linkbutton" iconcls="icon-search" plain="true">搜索</a> $('#menutree').tree('expandAll'); //展开所有的节点才能提供给前台 节点搜索的功能!-----wjw 2014年1月7日9:46:32//更新子节点的数量$("#menutree > li > div[class*='tree-node']").each(function (i, data) {var nodeCount = $(this).next().children("li").length;var old = $(this).children("span[class*='tree-title']").html().toString();var str = "";if (old.indexOf("(") != -1) {var bracket = old.indexOf("(");str = old.substring(0, bracket);}else {str = old;}$(this).children("span[class*='tree-title']").html(str + "(" + nodeCount + ")");});
tree check: 获取实心父节点
红圈 标志的节点获取方法。
getChecked:获取所有选中的节点。'state'可用值有:'checked','unchecked','indeterminate'。如果'state'未指定,将返回'checked'节点。
var nodes = $('#tt').tree('getChecked'); // get checked nodes
var nodes = $('#tt').tree('getChecked', 'unchecked'); // 获取未选择节点
var nodes = $('#tt').tree('getChecked', 'indeterminate'); // 获取不确定的节点
译者注:(1.3.4新增获取方式)var nodes = $('#tt').tree('getChecked', ['unchecked','indeterminate']);
http://blog.csdn.net/abccyz/article/details/38843973
后台取出数据,设置节点的选中状态。父节点会根据子节点的选中状态,自己更新自己选中的状态,是选中 还是未确定。
因此后台取值的时候判断当前节点是否有子节点,如果有子节点则不设置选中状态。只有当是根节点的时候才去选中当前节点
$.ajax({url: 'RoleService.ashx?Method=RoleSetMenu&roleID=' + roleid,async: true, //非异步 即同步dataType: "json",success: function (data) {if (data) {$.each(data, function (index, row) {var node = $('#tree_menu').tree('find', row.GC013_MENUID);//**先根据ID查找节点********//判断当前节点是否有子节点,如果有则不绑定了。父亲节点会根据子节点绑定情况自己状态改变var children = $("#tree_menu").tree('getChildren', node.target);if (children.length == 0) {log3c("绑定节点:" + row.GC013_MENUID);$('#tree_menu').tree('check', node.target);}});}},error: function () {log3c("读取角色拥有的菜单错误。。。。。");}});
Tree默认选中根节点的第一个节点
onLoadSuccess: function (node, data) {//数据加载完成事件if (data.length > 0) {var rootNode = data[0];if (rootNode) {var node1 = $('#Tree_Contract').tree('find', rootNode.children[0].id);$('#Tree_Contract').tree('select', node1.target);}}}
EasyUI Tree判断节点是否是叶相关推荐
- easyui tree 检索树节点(3)
1.检索树节点的调用方法 function searchTreeFunc(){ $("#tree").tree("searchTree",$("#s ...
- EasyUI Tree添加节点
创建foods tree 首先,我们创建foods tree,代码像这样: <div style="width:200px;height:auto;border:1px solid # ...
- 数据库树形结构,EasyUI Tree 树
通过 $.fn.tree.defaults 重写默认的 defaults. 树(tree)在网页中以树形结构显示分层数据.它向用户提供展开.折叠.拖拽.编辑和异步加载功能. 树的数据格式(Tree D ...
- java easyui tree例子_EasyUI Tree的简单使用
此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...
- 使用EasyUI Tree异步加载JSON数据 生成树
这几天因为工作需要,要做一个支持无限级的菜单. 我也是菜鸟一只,能想到的东西不多,所以用了Easy UI的tree组件. 不得不说,easyui确实很强大. 因为是无限级菜单,数据量可能有点大,所以考 ...
- 【EasyUI tree】Python 异步菜单树的实现
加载效果 如果使用 EasyUI tree 加载10000+项菜单项,全部加载出来耗时10s+,改为异步后,瞬间加载完成,极大提升用户体验.下图小圆圈是正在加载的菜单项效果. Easyui 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 ...
- easyUI tree 异步加载数据
easyUI 的 Tree组件在大部分时候都要从数据库读取数据,本文基于Java语言来实现easyUI tree的异步加载. 先看一下实现的效果: 整个过程采用的是简单三层架构,无论采用哪种模式,只要 ...
最新文章
- php localcompare,JS中使用sort结合localeCompare实现中文排序实例_javascript技巧
- docker配置cdn-容器内可以通过域名访问
- 抢鲜!华硕240MIMOWL-566gM
- string to xml java_Java String to XML - Parse String to XML DOM Example - 入门小站-rumenz.com
- javascritp笔记1
- javax.net.ssl.SSLHandshakeException(Cas导入证书)
- flink 自定义 窗口_《从0到1学习Flink》—— Flink Data transformation(转换)
- VTK:可视化之PointSize
- 浅析如何在Nancy中生成API文档
- Linux虚拟文件系统
- 算法洗脑系列(8篇)——第四篇 枚举思想
- java NBA2010,关于一个NBA球队连续夺冠的SQL查询问题,解法很精妙~
- 如何解决WIN11系统在安装HyperV虚拟机,网络桥接后网络上传慢的问题
- 四大展会将“亮剑”义乌 谱写贸易交流新“篇章”
- 2016 威斯康星 计算机科学,威斯康星麦迪逊大学计算机科学本科申请条件及案例分析...
- 石化行业工作调度,如何选择合适的防爆对讲机?
- 咸鱼菌玩3D—投影基础
- java高校后勤报修系统
- HTML5 2D游戏引擎研发系列 第四章 Canvas技术篇-画布技术-基于手动切片动画
- 高校,微软未来的主战场--有感于DreamSpark的试用
热门文章
- QT的QSpinBox类的使用
- QT的QAxFactory类的使用
- c++迭代器模式iterator
- 「Ubuntu: Conda」Conda相关命令
- 必知必会的RocketMQ消息类型
- MyEclipse8.x下安装freemarker ide插件
- aop阻止方法运行_Spring AOP无法拦截内部方法调用
- 深度学习入门篇(二)Lenet网络在caffe+QtCreator上部署应用
- Qt 4.8.4 Qt Creator 2.6.1 安装和配置(Windows)
- file_operations结构