关于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 学习笔记(三)
Dec 29 Javascript
JavaScript 浏览器验证代码(来自discuz)
Jul 17 Javascript
统计jQuery中各字符串出现次数的工具
May 03 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
jQuery中nextAll()方法用法实例
Jan 07 Javascript
bootstrapvalidator之API学习教程
Jun 29 Javascript
js模块加载方式浅析
Aug 12 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 Javascript
vant实现购物车功能
Jun 29 Javascript
H5+css3+js搭建带验证码的登录页面
Oct 11 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设计模式 php实现模板方法模式
2015/12/08 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
thinkphp下MySQL数据库读写分离代码剖析
2017/04/18 PHP
彻底搞懂PHP 变量结构体
2017/10/11 PHP
Laravel模型事件的实现原理详解
2018/03/14 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
node.js中实现kindEditor图片上传功能的方法教程
2017/04/26 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
Vue异步加载about组件
2017/10/31 Javascript
微信小程序scroll-view实现字幕滚动
2018/07/14 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
Python走楼梯问题解决方法示例
2018/07/25 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
Django app配置多个数据库代码实例
2019/12/17 Python
python 字段拆分详解
2019/12/17 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
关于pycharm 切换 python3.9 报错 ‘HTMLParser‘ object has no attribute ‘unescape‘ 的问题
2020/11/24 Python
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
中职生自荐信
2013/10/13 职场文书
电脑租赁公司创业计划书
2014/01/08 职场文书
教师演讲稿范文
2014/01/08 职场文书
幼儿园保育员责任书
2014/07/22 职场文书
法制演讲稿
2014/09/10 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS
Vue的列表之渲染,排序,过滤详解
2022/02/24 Vue.js