0 0

extjs4.2 三态树5

js比较菜,请问下哪位大神写过extjs4.2的三态树给个源码,或者给个思路,貌似extjs3.x是通过重写Ext.ux.TreeCheckNodeUI控件,那时4貌似没有这个类啊。
 
2014年5月21日 08:09

1个答案 按时间排序 按投票排序

0 0

采纳的答案

Extjs4在Ext.tree.Panel中对带有checkbox的树的节点的选择上和extjs3不一样,主要是在tree上添加checkchange事件

left_tree.on('checkchange',function(node, checked){
checkboxSelected(node,checked);
});
 
 
function checkboxSelected(node,checked){
  setChildChecked(node,checked);    
  setParentChecked(node,checked);       
}

function setChildChecked(node,checked){
node.expand();
node.set('checked',checked);
if(node.hasChildNodes()){
 node.eachChild(function(child) {
   setChildChecked(child,checked);
  });
  }
 }

function setParentChecked(node,checked){
  node.set({checked:checked});
   var parentNode = node.parentNode;
   if(parentNode !=null){
      var flag = false;
      parentNode.eachChild(function(childnode) {
        if(childnode.get('checked')){ 
             flag = true;
       }
      });
      if(checked == false){
          if(!flag){
              setParentChecked(parentNode,checked);
           }
       }else{
           if(flag){
              setParentChecked(parentNode,checked);
            }
         }
      }
 }

2014年5月21日 08:56

相关推荐

    ExtJs4.2下拉树(修改版)

    ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...

    SpringMVC+ExtJs4.2实例

    ExtJs4.2强调MVC模式,将应用划分为Model(数据模型)、View(视图)和Controller(控制器)三部分,这样可以保持前端代码结构清晰,便于管理。 在本实例中,我们完全遵循ExtJs4.2的MVC模式,将应用分为对应的Model...

    EXTjs4.2中文版

    EXTjs4.2中文版是EXTjs框架的一个重要版本,EXTjs是一个强大的JavaScript库,专门用于构建用户界面,尤其适用于创建富互联网应用程序(Rich Internet Applications,简称RIA)。它以其组件化的设计理念,丰富的UI...

    MVC设计模式实战ExtJS4.2高级组件+SSH2在线投稿系统

    01.教程简介_ExtJS4.2简介_SSH2基本框架搭建 02.编写几个通用的service方法、设计数据库 03.搭建ExtJS的MVC框架 04.主界面的搭建、登录功能和菜单树的生成 05.创建菜单树、前台保存用户信息 06.菜单树响应事件、我的...

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    基于Extjs 4.2的通用权限管理系统,通用后台模板,EF+MVC+Extjs 4.2

    WMC2.0-Client.zip是一个基于Extjs4.2的开发框架,其实是个只有大框架的,并没有其他功能,您可能会骂我标题党“通用权限管理系统,通用后台模板”,呵呵,其实不是这样的。 整个WMC系统分为WMC2.0-Server服务端...

    EXTJS4.2学习入门教程

    EXTJS4.2学习入门教程 EXTJS4.2学习入门教程 EXTJS4.2学习入门教程

    extjs4.2官方文档

    Extjs官方文档 帮助你更好的学习Extjs,同事这里面的代码是最完整,最规范的。

    extjs 4.2 开发 参考书

    ExtJS 4.2 是一个流行的JavaScript框架,用于构建富客户端Web应用程序。它提供了一套完整的组件库,包括数据管理、图表、表格、菜单、工具栏等,使得开发者能够创建功能丰富的、交互式的用户界面。这本书籍《ExtJS ...

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...

    Extjs4.2中文教程

    Extjs4.2入门教程详解,及API文档。

    extjs4.2 desktop mvc

    EXTJS 4.2 Desktop MVC 是一个基于EXTJS 4.2版本的桌面应用程序框架,它结合了MVC(Model-View-Controller)设计模式,为开发者提供了构建富客户端桌面应用的强大工具。EXTJS是一个流行的JavaScript库,专门用于创建...

    ExtJs4.2正式版

    ExtJs4.2正式版

    extjs 4.2 jsb2

    extjs 4.2 jsb2 4.2没有自带jsb2文件

    extjs 4.2 多文件上传

    用Ext编写的多文件上传组件,已封装。 支持多文件上传,文件下载,文件删除,

    nodejs+extjs4.2+mysql

    标题 "nodejs+extjs4.2+mysql" 暗示了这是一个使用 Node.js、ExtJS 4.2 和 MySQL 数据库构建的项目。这个项目的核心是利用这些技术搭建了一个基本的框架,使得开发者可以方便地在此基础上添加自己的业务逻辑和功能。...

    ExtJS4.2入门案例

    ExtJS4.2入门案例 博客:http://blog.csdn.net/coco2d_x2014/article/details/52986835

    php+extjs4.2翻页搜索实例

    php+extjs4.2翻页搜索实例.php

    Extjs4.2练习小Demo

    Extjs4.2练习小Demo,新手第一次上传啦,多要点分好下载更多的资源的说

Global site tag (gtag.js) - Google Analytics