extjs CheckTree 的相关应用
var tree= new Ext.tree.TreePanel({
id:'ptree',
region:'west',
layout:'anchor',
border:false,
rootVisible: false,
root:{},
listeners:{
render: function() {
authorityTree(tree); /*渲染树*/
},
checkchange: function(node, state) {
//选中父节点让相应的子节点选中
// node.cascade(function(node){
// node.attributes.checked = state;
// node.ui.checkbox.checked = state;
// return true;
// });
if (node.parentNode != null) {
//选中子节点让相应的父节点选中
var pNode = node.parentNode;
if (state || Fpanel.getChecked(id, pNode) == "") {
pNode.ui.toggleCheck(state);// 触发父节点被选中
pNode.attributes.checked = state;
}
}
}
}
});
/**
*初始化菜单树
*/
var authorityTree = function(tree) {
var re = new JsonRequest();
re.category = CATEGORY.READONLY;
re.params.param = {};
Ext.Ajax.request({
url:'***.json',
success: function(re, op) {
var obj = Ext.decode(re.responseText).ResponseObject;
var ns = {}, f = tree;
ns.children = obj;
var selectedNode = null, selectedId = f.selectedId;
function appendChild(node, o) {
if (node.id == selectedId) {
selectedNode = node;
}
if (o.children != null && o.children.length > 0) {
for (var a = 0; a < o.children.length; a++) {
var n = new Ext.tree.TreeNode({
id: o.children[a].id,
text: o.children[a].text,
children: o.children[a].children,
checked: false
});
node.appendChild(n);
appendChild(n, o.children[a]);
}
}
}
var r = new Ext.tree.TreeNode({
id: 'NULL',
text: '系统菜单'
});
appendChild(r, ns);
f.setRootNode(r);
if (selectedNode != null) {
f.selectPath(selectedNode.getPath());
}
tree.registerNode(r); /*注册节点, 不然getNodeById(node.id)找不到这个节点*/
tree.root.expand(true);
},
failure: function() {
tree.render();
Ext.MessageBox.show({
title: '提示',
msg: '服务器忙,请稍后重试！',
buttons: Ext.MessageBox.OK,
icon: Ext.MessageBox.ERROR
});
},
jsonData: re
})
}
/**
*初始化checkTree选中为false
*/
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;
}
}
}