Ext.onReady(function(){
var mytree = new Ext.tree.TreePanel({
el : "container",
animate : true,
title:"可增删改的树tree",
collapsible:true,
frame:true,
enableDD:true,
enableDrag:true,
rootVisible:true,
autoScroll:true,
autoHeight:true,
width:150,
lines:true
});
// 根节点
var root = new Ext.tree.TreeNode({
id : "root",
text : "根节点",
checked : false
});
for (var j = 1; j < 4; ++j) {
var node = root.appendChild(new Ext.tree.TreeNode({
text : '客户企业A' + j,
allowDrag : false,
checked : false
}));
for (var n = 1; n < 4; ++n) {
node.appendChild(new Ext.tree.TreeNode({
text : '栏目' + n,
allowDrag : false,
checked : false
}));
}
}
mytree.setRootNode(root);
mytree.render();
mytree.on('checkchange', function(node, checked) {
node.expand();
node.attributes.checked = checked;
node.eachChild(function(child) {
child.ui.toggleCheck(checked);
child.attributes.checked = checked;
child.fireEvent('checkchange', child,
checked);
});
}, mytree);
var button = new Ext.Button({
text : "选中id",
handler : function() {
var b = mytree.getChecked();
var checkid = new Array;// 存放选中id的数组
for (var i = 0; i < b.length; i++) {
checkid.push(b[i].text);// 添加id到数组
}
alert(checkid.toString());
}
}).render(document.body);
});