`
- 浏览:
149933 次
- 性别:
- 来自:
广州
-
ExtJs4.0 TreePanel+CheckBox全选 .
- var mytree = new Ext.tree.TreePanel({
- id: 'ppdTree',
- x: 5,
- y: 5,
- width: 378,
- height: 470,
- useArrows: true,
- autoScroll: true,
- animate: true,
- enableDD: true,
- containerScroll: true,
- store: new Ext.data.TreeStore
- ({
- proxy:
- {
- type: 'ajax',
- url: 'data/User/UserPopedom.aspx?parameter=ppdTree&userId=' + userId
- },
- root:
- {
- id: 0,
- text: "选择权限",
- leaf: false,
- expandable: true,
- expanded: true
- },
- sorters: [
- {
- property: 'leaf',
- direction: 'ASC'
- },
- {
- property: 'text',
- direction: 'ASC'
- }]
- })
- });
- mytree.on('checkchange', function (node, checked) {
- node.expand();
- node.checked = checked;
- node.eachChild(function (child) {
- child.set('checked', checked);
- child.fireEvent('checkchange', child, checked);
- });
- }, mytree);
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
总结来说,EXTJS动态树支持checkbox全选是一个结合了EXTJS TreePanel组件、数据模型、事件处理和异步加载技术的功能实现,旨在提供用户友好的多选操作。通过这个功能,开发者可以构建出更加交互性强、功能丰富的Web...
总结起来,EXTJS TreePanel结合CheckBox时,可以通过监听`checkchange`事件来处理父子节点之间的关联选择,同时提供独立的全选和清空选中状态的按钮。在处理全选和清空时,我们需要遍历TreePanel的节点,并使用`...
在ExtJS中,树形组件(TreePanel)是一个常用的功能,用于展示层次结构的数据。当树形组件结合复选框时,可以实现用户对节点的选择操作,如全选、反选、子选父以及父选子。这些功能在数据管理、权限分配等场景中非常...
ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...
Extjs4 带复选框的树(Checkbox tree) Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法 ExtJS4学习笔记(一)---window的创建 ...
这个"checkbox_tree.zip_tree"的项目似乎专注于使用ExtJS库来创建这样的功能。ExtJS是一个强大的JavaScript UI框架,它提供了丰富的组件和工具,用于构建复杂的Web应用程序。 在描述中提到的“checkbox结构树”是一...
1. **下拉树组件**:在ExtJS中,树形组件(TreePanel)用于展示层次结构的数据。它支持动态加载、拖放操作、节点展开和折叠等功能。而下拉树是将树形结构嵌入到下拉框中,通常用于选择一组相关的项目,比如文件夹...
在IT行业中,TreePanel是ExtJS库中的一个组件,它用于展示层次结构的数据,比如文件系统、组织结构等。在实际应用中,我们经常需要处理树形结构的复选框,实现级联选择功能,即当父节点被选中时,其所有子节点自动被...
- **`contacterTree`**: 创建一个`TreePanel`对象,用作联系人树形结构的主要容器。 - `id`: 设置树形面板的唯一标识符。 - `border`: 设置边框是否可见。 - `lines`: 设置是否显示节点之间的连线。 - `...