TreePanel继承自Panel，在ExtJS中使用树控件含有丰富的属性和方法实现复杂的功能。其中Ext.tree.TreeNode代表一个树节点，比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。

在 treepanel 里添加以下代码即可实现级联选中效果

主要实现了以下效果:

1.点击父级批量设置所有子节点选中状态

2.点击当前节点寻找所有父级并设置选中状态

3.取消当前节点并取消所有子节点选中状态

4.取消当前节点根据需要取消上级节点的选中状态

listeners:{
  checkchange:function(node,checked,eOpts){
    // 批量设置子节点选中效果
    function setChildChecked(pNode){
      pNode.set('checked',checked);
      pNode.eachChild(function(child){
        arguments.callee(child);
      })
    }
    setChildChecked(node);
    // 当前节点取消选中时 需要判断当前节点的父节点下的所有子节点是否都不是选中状态
    function setParentCheckedFalse(currentNode){
      var parentNode = currentNode.parentNode,
        isValid = true;
      if(parentNode != null){
        if(checked == false){
          parentNode.eachChild(function (child) {
            if(child.get('checked') != false){
              isValid = false;
              return false;
            }
          });
          if(isValid){
            parentNode.set('checked',checked);
          }
        }else{
          parentNode.set('checked',true);
        }
        arguments.callee(parentNode)
      }
    }
    setParentCheckedFalse(node);
  }
}

总结

以上所述是小编给大家介绍的Extjs 中 Treepanel 实现菜单级联选中效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# extjs  # treepanel选中  # 实现菜单的级联效果  # extjs关于treePanel+chekBox全部选中以及清空选中问题探讨  # 关于extjs treepanel复选框选中父节点与子节点的问题  # JavaScript的ExtJS框架中数面板TreePanel的使用实例解析  # ExtJs动态生成treepanel的Json格式  # extjs4 treepanel动态改变行高度示例  # 层序遍历在ExtJs的TreePanel中的应用  # 级联  # 小编  # 在此  # 给大家  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 实现了  # 加载  # Treepanel 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何实现密码重置功能_Laravel密码找回与重置流程  如何实现建站之星域名转发设置？  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  WEB开发之注册页面验证码倒计时代码的实现  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  如何在不使用负向后查找的情况下匹配特定条件前的换行符  Laravel如何实现文件上传和存储？（本地与S3配置）  Laravel Eloquent：优雅地将关联模型字段扁平化到主模型中  Python高阶函数应用_函数作为参数说明【指导】  再谈Python中的字符串与字符编码（推荐）  如何快速搭建高效WAP手机网站吸引移动用户？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何在Windows 2008云服务器安全搭建网站？  js代码实现下拉菜单【推荐】  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  黑客如何通过漏洞一步步攻陷网站服务器？  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  ,交易猫的商品怎么发布到网站上去？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  Android实现代码画虚线边框背景效果  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  html5的keygen标签为什么废弃_替代方案说明【解答】  网站优化排名时，需要考虑哪些问题呢？  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  php在windows下怎么调试_phpwindows环境调试操作说明【操作】  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  如何彻底删除建站之星生成的Banner？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  Laravel如何自定义分页视图？（Pagination示例）  Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】  成都网站制作公司哪家好,四川省职工服务网是做什么用？  如何快速搭建高效WAP手机网站？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  活动邀请函制作网站有哪些,活动邀请函文案？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  如何批量查询域名的建站时间记录？  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  魔毅自助建站系统：模板定制与SEO优化一键生成指南  如何在IIS7上新建站点并设置安全权限？  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？