`

ExtJs4.0 TreePanel+CheckBox全选 .

    博客分类:
  • ext
 
阅读更多

  1. var mytree = new Ext.tree.TreePanel({  
  2.     id: 'ppdTree',  
  3.     x: 5,  
  4.     y: 5,  
  5.     width: 378,  
  6.     height: 470,  
  7.     useArrows: true,  
  8.     autoScroll: true,  
  9.     animate: true,  
  10.     enableDD: true,  
  11.     containerScroll: true,  
  12.     store: new Ext.data.TreeStore  
  13.                 ({  
  14.                     proxy:  
  15.                     {  
  16.                         type: 'ajax',  
  17.                         url: 'data/User/UserPopedom.aspx?parameter=ppdTree&userId=' + userId  
  18.                     },  
  19.                     root:  
  20.                     {  
  21.                         id: 0,  
  22.                         text: "选择权限",  
  23.                         leaf: false,  
  24.                         expandable: true,  
  25.                         expanded: true  
  26.                     },  
  27.                     sorters: [  
  28.                     {  
  29.                         property: 'leaf',  
  30.                         direction: 'ASC'  
  31.                     },  
  32.                     {  
  33.                         property: 'text',  
  34.                         direction: 'ASC'  
  35.                     }]  
  36.                 })  
  37. });  
  38. mytree.on('checkchange'function (node, checked) {  
  39.     node.expand();  
  40.     node.checked = checked;  
  41.     node.eachChild(function (child) {  
  42.         child.set('checked', checked);  
  43.         child.fireEvent('checkchange', child, checked);  
  44.     });  
  45. }, mytree);  

分享到:
评论

相关推荐

    EXTJS动态树支持checkbox 全选

    总结来说,EXTJS动态树支持checkbox全选是一个结合了EXTJS TreePanel组件、数据模型、事件处理和异步加载技术的功能实现,旨在提供用户友好的多选操作。通过这个功能,开发者可以构建出更加交互性强、功能丰富的Web...

    extjs关于treePanel+chekBox全部选中以及清空选中问题探讨

    总结起来,EXTJS TreePanel结合CheckBox时,可以通过监听`checkchange`事件来处理父子节点之间的关联选择,同时提供独立的全选和清空选中状态的按钮。在处理全选和清空时,我们需要遍历TreePanel的节点,并使用`...

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    在ExtJS中,树形组件(TreePanel)是一个常用的功能,用于展示层次结构的数据。当树形组件结合复选框时,可以实现用户对节点的选择操作,如全选、反选、子选父以及父选子。这些功能在数据管理、权限分配等场景中非常...

    ExtJs4 Checkbox tree

    ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...

    ExtJS4中文教程2 开发笔记 chm

    Extjs4 带复选框的树(Checkbox tree) Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法 ExtJS4学习笔记(一)---window的创建 ...

    checkbox_tree.zip_tree

    这个"checkbox_tree.zip_tree"的项目似乎专注于使用ExtJS库来创建这样的功能。ExtJS是一个强大的JavaScript UI框架,它提供了丰富的组件和工具,用于构建复杂的Web应用程序。 在描述中提到的“checkbox结构树”是一...

    Extjs下拉多选树

    1. **下拉树组件**:在ExtJS中,树形组件(TreePanel)用于展示层次结构的数据。它支持动态加载、拖放操作、节点展开和折叠等功能。而下拉树是将树形结构嵌入到下拉框中,通常用于选择一组相关的项目,比如文件夹...

    Ext TreePanelrcheckbox级联选择的实现

    在IT行业中,TreePanel是ExtJS库中的一个组件,它用于展示层次结构的数据,比如文件系统、组织结构等。在实际应用中,我们经常需要处理树形结构的复选框,实现级联选择功能,即当父节点被选中时,其所有子节点自动被...

    复选框的且带右键菜单的树代码

    - **`contacterTree`**: 创建一个`TreePanel`对象,用作联系人树形结构的主要容器。 - `id`: 设置树形面板的唯一标识符。 - `border`: 设置边框是否可见。 - `lines`: 设置是否显示节点之间的连线。 - `...

Global site tag (gtag.js) - Google Analytics