extjs 右键显示二级菜单如何实现

下面的例子是将菜单添加在工具栏。

实际上你要在右键菜单显示二级菜单很简单，只需要在你的菜单上再加上一个menu就行了。

下面的代码你可以允许看下效果。我想你就知道怎么做了。

Ext.onReady(function() {

var toolbar = new Ext.Toolbar()

toolbar.render("toolbar")

toolbar.add({

text:"编辑",

handler:function() {

Ext.Msg.alert("编辑")

}

},{

text:"保存",

handler:function() {

Ext.Msg.alert("保存")

}

},{

text:"退出",

handler:function() {

Ext.Msg.alert("退出")

}

})

//toolbar.add("-")

//toolbar.add("separator")

//toolbar.add(new Ext.menu.Separator())

var history = new Ext.menu.Menu({

items:[

{text:"今天"},

{text:"昨天"},

{text:"上周"},

{text:"上个月",menu:new Ext.menu.Menu({

items:[{text:"1号"},

{text:"2号"},

{text:"3号"},

{text:"4号"},

{text:"5号"}

]})}

]

})

var menu = new Ext.menu.Menu({

items:[

{text:"新建"},

{text:"编辑"},

{text:"保存"},

"-",

{text:"历史日期",menu:history},

"-",

{text:"退出"}

]

})

toolbar.add({

text:"文件",

menu:menu

})

})

Ext.onReady(function() {

Ext.create('Ext.panel.Panel', {

title:'test',

renderTo:Ext.getBody(),

tbar:[

{

menu: Ext.create('Ext.menu.Menu', {

width: 200,

height: 200,

items: [

{

text: 'regular item 1'

},

{

text: 'regular item 2'

},

{

text: 'regular item 3'

}

]

})

}

]

})

})

---