关于extjs treepanel复选框选中父节点与子节点的问题


Posted in Javascript onApril 02, 2013

关于extjs treepanel复选框选中父节点与子节点的问题 
extjs 如图,实现带有复选框的树,选中父节点时,选中所有子节点。取消所有子节点时,才能取消根节点。

var Fpanel = new Ext.tree.TreePanel({ 
id:'ptree', 
region:'west', 
layout:'anchor', 
border:false, 
rootVisible: false, 
root:new Ext.tree.AsyncTreeNode({}), 
listeners:{ 
"checkchange": function(node, state) { 
if (node.parentNode != null) { 
//子节点选中 
node.cascade(function(node){ 
node.attributes.checked = state; 
node.ui.checkbox.checked = state; 
return true; 
}); 
//父节点选中 
var pNode = node.parentNode; 
if (state || Fpanel.getChecked(id, pNode) == "") { 
pNode.ui.toggleCheck(state); 
pNode.attributes.checked = state; 
} 
} 
} 
} 
}); 
authorityTree(Fpanel); 
var authorityTree = function(Fpanel){ 
Ext.Ajax.request({ 
url: 'authorityTree.ashx', 
method:'get', 
success: function(request) { 
var data = Ext.util.JSON.decode(request.responseText); 
Fpanel.getRootNode().appendChild(data); 
Fpanel.getRootNode().expandChildNodes(true); 
Fpanel.expandAll(); 
}, 
failure: function() { 
Fpanel.render(); 
Ext.MessageBox.show({ 
title: '提示', 
msg: '服务器忙,请使用火狐浏览器浏览或稍后重试!', 
buttons: Ext.MessageBox.OK, 
icon: Ext.MessageBox.ERROR 
}); 
} 
}); 
}
Javascript 相关文章推荐
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
Dec 02 Javascript
arguments对象验证函数的参数是否合法
Jun 26 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 Javascript
详解JavaScript中数组的reduce方法
Dec 02 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
react写一个select组件的实现代码
Apr 03 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
Apr 02 #Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 #Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
Apr 02 #Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 #Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 #Javascript
ExtJS下书写动态生成的xml(兼容火狐)
Apr 02 #Javascript
UpdatePanel和Jquery冲突的解决方法
Apr 01 #Javascript
You might like
PHP面向对象法则
2012/02/23 PHP
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
微信获取用户地理位置信息的原理与步骤
2015/11/12 PHP
thinkPHP框架实现图像裁剪、缩放、加水印的方法
2017/03/14 PHP
php实现页面纯静态的实例代码
2017/06/21 PHP
js停止输出代码
2008/07/20 Javascript
Js 刷新框架页的代码
2010/04/13 Javascript
Js 回车换行处理的办法及replace方法应用
2013/01/24 Javascript
jquery如何实现在加载完iframe的内容后再进行操作
2013/09/10 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
js中匿名函数的创建与调用方法分析
2014/12/19 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
布同 Python中文问题解决方法(总结了多位前人经验,初学者必看)
2011/03/13 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
浅谈pyhton学习中出现的各种问题(新手必看)
2017/05/17 Python
利用python 更新ssh 远程代码 操作远程服务器的实现代码
2018/02/08 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
使用tensorflow实现线性回归
2018/09/08 Python
详解Python装饰器
2019/03/25 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
关于Numpy数据类型对象(dtype)使用详解
2019/11/27 Python
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
岗位廉洁从政承诺书
2014/03/27 职场文书
车辆转让协议书
2014/09/24 职场文书
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
python_tkinter弹出对话框创建
2022/03/20 Python
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python