tree基本功能介绍
来源:互联网 发布:js获取form表单参数 编辑:程序博客网 时间:2024/05/21 21:34
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、
- tree基本功能介绍
- Mantis基本功能介绍
- Trac 基本功能介绍
- Layout基本功能介绍
- window基本功能介绍
- OpenStack:Nova基本功能介绍
- QTP的基本功能介绍
- Axure RP基本功能介绍
- 数据类型基本功能介绍
- 博达宝基本功能介绍
- RaceWeb介绍(1):基本功能
- Jetty:基本功能介绍
- QTP的基本功能介绍
- Axure RP 基本功能介绍
- systemd基本功能介绍
- NZT基本功能介绍
- Jetty基本功能介绍
- Unity摄像机基本功能介绍
- FormPanel 基本功能
- 汇编 生成随机数
- 楔子
- WebCore Rendering 1 - 基础
- Layout基本功能介绍
- tree基本功能介绍
- window基本功能介绍
- 如何在Google成为一名优秀的产品经理?
- EnumChildWindows的使用
- Qt网络编程
- 打包安装
- 用c++创建一个Linux上的Daemon程序,含SHELL管理脚本(三)
- 深度优先搜索 广度优先搜索类训练题
- Mapper与Reducer的链接