关于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 相关文章推荐
简单实用的js调试logger组件实现代码
Nov 20 Javascript
$.get获取一个文件的内容示例代码
Sep 11 Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
详解Vue中localstorage和sessionstorage的使用
Dec 22 Javascript
vue自定义filters过滤器
Apr 26 Javascript
vue 使用自定义指令实现表单校验的方法
Aug 28 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
Vue.set 全局操作简单示例
Sep 19 Javascript
JS中FormData类实现文件上传
Mar 27 Javascript
vue实现公告栏文字上下滚动效果的示例代码
Jun 16 Javascript
javascript贪吃蛇游戏设计与实现
Sep 17 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在线打包程序源码
2008/07/27 PHP
php 缩略图实现函数代码
2011/06/23 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
php导入大量数据到mysql性能优化技巧
2014/12/29 PHP
PHP类型约束用法示例
2016/09/28 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
PDO::query讲解
2019/01/29 PHP
javascript关于继承的用法汇总
2014/12/20 Javascript
JavaScript ES6的新特性使用新方法定义Class
2016/06/28 Javascript
Bootstrap插件全集
2016/07/18 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
学习python (1)
2006/10/31 Python
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
Python基于正则表达式实现文件内容替换的方法
2017/08/30 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
在Pycharm中设置默认自动换行的方法
2019/01/16 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
python检测服务器端口代码实例
2019/08/31 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
利用python中集合的唯一性实现去重
2020/02/11 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
python飞机大战游戏实例讲解
2020/12/04 Python
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
计算机科学与技术应届生求职信
2013/11/07 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
python迷宫问题深度优先遍历实例
2021/06/20 Python