关于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 相关文章推荐
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
javascript日期计算实例分析
Jun 29 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
BootStrap的双日历时间控件使用
Jul 25 Javascript
详解node单线程实现高并发原理与node异步I/O
Sep 21 Javascript
BootStrap 标题设置跨行无效的解决方法
Oct 25 Javascript
element-ui 上传图片后清空图片显示的实例
Sep 04 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
关于angular浏览器兼容性问题的解决方案
Jul 26 Javascript
如何在vue 中引入使用jquery
Nov 10 jQuery
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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
js各种验证文本框输入格式(正则表达式)
2010/10/22 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
将Datatable转化成json发送前台实现思路
2013/09/06 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
2016/12/16 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
微信小程序版翻牌小游戏
2018/01/26 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
2018/02/26 Javascript
async/await地狱该如何避免详解
2018/05/10 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
jquery实现上传图片功能
2020/06/29 jQuery
JS如何生成动态列表
2020/09/22 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
Python运行不显示DOS窗口的解决方法
2018/10/22 Python
对python当中不在本路径的py文件的引用详解
2018/12/15 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
大一军训感言
2014/01/09 职场文书
煤矿班组长竞聘书
2014/03/31 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
工程主管竞聘书
2015/09/15 职场文书
浅谈MySQL之浅入深出页原理
2021/06/23 MySQL
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers