extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
来源:互联网 发布:信阳淘宝摄影e 编辑:程序博客网 时间:2024/06/06 03:34
//树
var treePanel = new Ext.tree.TreePanel({
id:'ptree',
region:'west',
layout:'anchor',
border:false,
rootVisible: false,
root:{},
listeners:{
render: function() {
authorityTree(treePanel); /*渲染树*/
},
checkchange: function(node, state) {
if (node.parentNode != null) {
//选中子节点让相应的父节点选中
var pNode = node.parentNode;
if (state || treePanel.getChecked(id, pNode) == "") {
pNode.ui.toggleCheck(state);// 触发父节点被选中
pNode.attributes.checked = state;
}
}
treeId = node.attributes.id;
treeName = node.attributes.text;
}
}
});
//操作按钮
tbar: [{
id: 'btnQingKong',
text: '清空',
iconCls: 'winupdate-icon',
handler: function() {
var nodes = Ext.getCmp('ptree').getChecked();
if (nodes && nodes.length) {
for (var i = 0; i < nodes.length; i++) {
//设置UI状态为未选中状态
nodes[i].getUI().toggleCheck(false);
//设置节点属性为未选中状态
nodes[i].attributes.checked = false;
}
}
}
},{
id: 'btnQuanXuan',
text: '全选',
iconCls: 'winupdate-icon',
handler: function() {
var nodeT = Ext.getCmp('ptree').getRootNode();
treeCheckTrue(nodeT);
}
}]
/**
*checkTree全选
*/
var treeCheckTrue = function(node)
{
node.eachChild(function (child) {
child.getUI().toggleCheck(true);
child.attributes.checked = true;
treeCheckTrue(child);
});
}
/**
*checkTree清空
*/
var treeCheckfalse = function(tree)
{
var nodes = tree.getChecked();
if(nodes && nodes.length){
for(var i=0;i<nodes.length;i++){
//设置UI状态为未选中状态
nodes[i].getUI().toggleCheck(false);
//设置节点属性为未选中状态
nodes[i].attributes.checked=false;
}
}
}
0 0
- extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
- extjs 关于 treePanel + chekBox 全部选中 以及 清空选中
- 关于 extjs treepanel 复选框 选中 父节点 的问题
- [转]关于 extjs treepanel 复选框 选中 父节点 的问题
- 关于chosen-select设置选中值和清空选中值的问题
- 关于select的清空,获取选中值
- js清空file选中的内容
- 单选按钮清空选中
- extjs treepanel 动态的加载节点,选中父节点时,同时选中下面的子节点
- Extjs TreePanel选中子节点默认选中父节点,取消勾选父节点子节点默认取消
- Extjs树节点选中问题
- 删除和添加select下拉框选中的内容option,以及清空option选项
- 关于父元素选中子元素全部选中
- angularJS中chekbox选中状态前后台交互传值和查看回值问题
- Extjs4 treePanel + checkbox 级联选中
- select默认选中第一次 (清空文本框内容)
- easyui combobox 清除选中项目 和 清空option选项
- ExtJs Treepanel节点checkbox的半选中状态复选框效果
- 监听套接字 连接套接字
- HDU 4762 Cut the Cake (高精度 + 公式)
- cocos2dx中的坐标系和锚点
- 浅谈java单例模式——优点以及为什么使用到synchronized
- error C2872: “Font”: 不明确的符号
- extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
- java 排序算法---插入排序
- The Factor(hdu5428)
- Android的AsyncTask和数据存储
- 重新认识二级指针(Pointers to Pointers)
- lintcode-验证查找二叉树-95
- 菜鸟系列——双连通分量
- list.h 解析
- Urimoo做试卷