方法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>&nbsp;&nbsp;<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判断节点是否是叶相关推荐

  1. easyui tree 检索树节点(3)

    1.检索树节点的调用方法 function searchTreeFunc(){  $("#tree").tree("searchTree",$("#s ...

  2. EasyUI Tree添加节点

    创建foods tree 首先,我们创建foods tree,代码像这样: <div style="width:200px;height:auto;border:1px solid # ...

  3. 数据库树形结构,EasyUI Tree 树

    通过 $.fn.tree.defaults 重写默认的 defaults. 树(tree)在网页中以树形结构显示分层数据.它向用户提供展开.折叠.拖拽.编辑和异步加载功能. 树的数据格式(Tree D ...

  4. java easyui tree例子_EasyUI Tree的简单使用

    此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...

  5. 使用EasyUI Tree异步加载JSON数据 生成树

    这几天因为工作需要,要做一个支持无限级的菜单. 我也是菜鸟一只,能想到的东西不多,所以用了Easy UI的tree组件. 不得不说,easyui确实很强大. 因为是无限级菜单,数据量可能有点大,所以考 ...

  6. 【EasyUI tree】Python 异步菜单树的实现

    加载效果 如果使用 EasyUI tree 加载10000+项菜单项,全部加载出来耗时10s+,改为异步后,瞬间加载完成,极大提升用户体验.下图小圆圈是正在加载的菜单项效果. Easyui tree ...

  7. jquery easyui Tree API

    Query EasyUI API 中文文档 - Tree树使用介绍,需要的朋友可以参考下. 用 $.fn.tree.defaults 重写了 defaults. 依赖 draggable droppa ...

  8. Jquery easyui tree的使用

    这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: [html]  view plain copy print ? <ul  ...

  9. easyUI tree 异步加载数据

    easyUI 的 Tree组件在大部分时候都要从数据库读取数据,本文基于Java语言来实现easyUI tree的异步加载. 先看一下实现的效果: 整个过程采用的是简单三层架构,无论采用哪种模式,只要 ...

最新文章

  1. php localcompare,JS中使用sort结合localeCompare实现中文排序实例_javascript技巧
  2. docker配置cdn-容器内可以通过域名访问
  3. 抢鲜!华硕240MIMOWL-566gM
  4. string to xml java_Java String to XML - Parse String to XML DOM Example - 入门小站-rumenz.com
  5. javascritp笔记1
  6. javax.net.ssl.SSLHandshakeException(Cas导入证书)
  7. flink 自定义 窗口_《从0到1学习Flink》—— Flink Data transformation(转换)
  8. VTK:可视化之PointSize
  9. 浅析如何在Nancy中生成API文档
  10. Linux虚拟文件系统
  11. 算法洗脑系列(8篇)——第四篇 枚举思想
  12. java NBA2010,关于一个NBA球队连续夺冠的SQL查询问题,解法很精妙~
  13. 如何解决WIN11系统在安装HyperV虚拟机,网络桥接后网络上传慢的问题
  14. 四大展会将“亮剑”义乌 谱写贸易交流新“篇章”
  15. 2016 威斯康星 计算机科学,威斯康星麦迪逊大学计算机科学本科申请条件及案例分析...
  16. 石化行业工作调度,如何选择合适的防爆对讲机?
  17. 咸鱼菌玩3D—投影基础
  18. java高校后勤报修系统
  19. HTML5 2D游戏引擎研发系列 第四章 Canvas技术篇-画布技术-基于手动切片动画
  20. 高校,微软未来的主战场--有感于DreamSpark的试用

热门文章

  1. QT的QSpinBox类的使用
  2. QT的QAxFactory类的使用
  3. c++迭代器模式iterator
  4. 「Ubuntu: Conda」Conda相关命令
  5. 必知必会的RocketMQ消息类型
  6. MyEclipse8.x下安装freemarker ide插件
  7. aop阻止方法运行_Spring AOP无法拦截内部方法调用
  8. 深度学习入门篇(二)Lenet网络在caffe+QtCreator上部署应用
  9. Qt 4.8.4 Qt Creator 2.6.1 安装和配置(Windows)
  10. file_operations结构