1、初始化一棵树
var tree = new Ext.tree.TreePanel({
el: 'tree'
});
var root = new Ext.tree.TreeNode({ text: '我是根' });
var node1 = new Ext.tree.TreeNode({ text: '我是根的第一个枝子' });
var node2 = new Ext.tree.TreeNode({ text: '我是根的第一个枝子的第一个叶子' });
var node3 = new Ext.tree.TreeNode({ text: '我是根的第一个叶子' });
node1.appendChild(node2);
root.appendChild(node1);
root.appendChild(node3);
tree.setRootNode(root);
tree.render();
root.expand(true, true);
2、树的事件:
tree.on("expandnode", function(node){
Ext.log(node + "展开了");
});
tree.on("collapsenode", function(node){
Ext.log(node + "折叠了");
});
tree.on("click", function(node){
Ext.log("你单击了" + node);
});
tree.on("dblclick", function(node){
Ext.log("你双击了" + node);
});
3、树中添加右键菜单
var contextmenu = new Ext.menu.Menu({
id: 'theContextMenu',
items: [{
text: '有本事点我哦!',
handler: function(){
alert('我被击中了,啊。。。');
}
}]
});
tree.on("contextmenu", function(node, e){
e.preventDefault();
node.select();
contextmenu.showAt(e.getXY());
});
4、
var tree = new Ext.tree.TreePanel({
el: 'tree'
});
var root = new Ext.tree.TreeNode({ text: '我是根' });
var node1 = new Ext.tree.TreeNode({ text: '我是根的第一个枝子' });
var node2 = new Ext.tree.TreeNode({ text: '我是根的第一个枝子的第一个叶子' });
var node3 = new Ext.tree.TreeNode({ text: '我是根的第一个叶子' });
node1.appendChild(node2);
root.appendChild(node1);
root.appendChild(node3);
tree.setRootNode(root);
tree.render();
root.expand(true, true);
2、树的事件:
tree.on("expandnode", function(node){
Ext.log(node + "展开了");
});
tree.on("collapsenode", function(node){
Ext.log(node + "折叠了");
});
tree.on("click", function(node){
Ext.log("你单击了" + node);
});
tree.on("dblclick", function(node){
Ext.log("你双击了" + node);
});
3、树中添加右键菜单
var contextmenu = new Ext.menu.Menu({
id: 'theContextMenu',
items: [{
text: '有本事点我哦!',
handler: function(){
alert('我被击中了,啊。。。');
}
}]
});
tree.on("contextmenu", function(node, e){
e.preventDefault();
node.select();
contextmenu.showAt(e.getXY());
});
4、