ExtJs菜单Menu

ysj5125094

浏览: 1730847 次
性别:
来自: 沈阳

最近访客更多访客>>

ymcaptain

chenzehe

wangsw15

javaitface

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

ExtJS

ExtJs JavaScript 菜单 Menu

创建简单Meun,实现在TreePanel上面右键.

/**
   创建简单Menu
 */
function createMenu(){
    //创建一个菜单
    var myMenu = new Ext.menu.Menu({
        items:[{
            text: '右键快捷方式1',
            menu: [{
                text: '右键子菜单1'
            },{
                text: '右键子菜单2'
            }]
        },{
            text: '右键快捷方式2'
        }]
    }) ;
    
    //因为每个树中由N个节点组成的,所以要创建树,必须创建树所包含的节点(树必须有一个或多个根节点).
    var vRoot = new Ext.tree.TreeNode({text: '根节点1'}) ;//创建节点
    var vNode1 = new Ext.tree.TreeNode({text: '子节点1'}) ;//创建节点
    vNode1.appendChild(new Ext.tree.TreeNode({text: '子节点11'}));
    vNode1.appendChild(new Ext.tree.TreeNode({text: '子节点12'}));
    var vNode2 = new Ext.tree.TreeNode({text: '子节点1'}) ;//创建节点
    vRoot.appendChild(vNode1) ;//在vRoot根节点上创建子节点.
    vRoot.appendChild(vNode2) ;//在vRoot根节点上创建子节点.
    
    var obj = {
        title: '我的Menu练习',
        renderTo: document.body,
        height: 300,
        width: 600,
        root: vRoot,
        tbar:[{
            text: '文件',
            menu: {items:[{
                text: '打开',
                icon: '../images/open.gif'
            },{
                text: '保存',
                icon: '../images/save.gif'
            },'-',{
                text: '另存为...',
                handler: function(b){
                    var win = new Ext.Window({
                        title: '另存为对话框',
                        width: 200,
                        height: 200,
                        html: '可以在此处进行其他操作'
                    });
                    win.show() ;
                }
            }]}
        },'-',{//在两个按钮之间添加一条分隔线
            text: '编辑'
        },'->',{//右顶格显示'帮助'按钮
            text: '帮助'
        }],
        listeners: {//添加监听器,实现右键Tree显示定义菜单myMenu
            contextmenu: function(n,e){
                myMenu.showAt(e.getXY()) ;
            }
        }
    };
    var myPanel = new Ext.tree.TreePanel(obj) ;
}
Ext.onReady(createMenu);//创建动态树

1
顶

1
踩

分享到：

ExtJs表单FormPanel | ExtJs树TreePanel

2011-07-16 19:18
浏览 6085
评论(2)
分类:Web前端
查看更多

2 楼 ysj5125094 2013-07-15

xutao1989103 写道

[list]

[*]

引用
引用
引用
[u][i][i][b][i]引用
[list]

[*][*][img][url][url][url][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][flash=200,200][url][img][/img][/url][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/flash][/url][/url][/url][/img]

[*][/list][/i][/b][/i][/i][/u]

[/list]

||||||||||||||||||||||||
|||||||||||||||||||||||

|||||||||||||||||||||||
||||||||||||||||||||||

||||||||||||||||||||||
|||||||||||||||||||||

|||||||||||||||||||||
||||||||||||||||||||

||||||||||||||||||||
|||||||||||||||||||

|||||||||||||||||||
||||||||||||||||||

||||||||||||||||||
|||||||||||||||||

|||||||||||||||||
||||||||||||||||

||||||||||||||||
|||||||||||||||

|||||||||||||||
||||||||||||||

||||||||||||||
|||||||||||||

|||||||||||||
||||||||||||

||||||||||||
|||||||||||

|||||||||||
||||||||||

||||||||||
|||||||||

|||||||||
||||||||

||||||||
|||||||

|||||||
||||||

||||||
|||||

|||||
||||

||||
|||

|||
||

||
|

这是什么东西？

1 楼 xutao1989103 2013-07-12