Ext.menu.Menu

Ext.menu.Menu主要配置项表:

items          Mixed                   有效的菜单项数组

shadow         Boolean/String          阴影显示方式，默认true(sides方式)，sides,frame,drop

菜单项主要类型表:

Ext.menu.TextItem            文本元素

Ext.menu.Separator           菜单分隔符

Ext.menu.CheckItem           包含选择框的菜单项

菜单组件常用方法表:

addElement()          Mixed el                添加Element元素

addItem()             Ext.menu.Item item      添加一个已存在的菜单项

addMenuItem()         Object config           根据菜单项配置对象，添加菜单项

addSeparator()                                添加菜单分隔符

addText()             String text             添加一字符串

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

id: 'mainMenu',

width:200,

floating: false,

renderTo:Ext.getBody(),

items: [

{

text: 'I like Ext',

checked: true,

checkHandler: onItemCheck

},

{

text: 'Ext for jQuery',

checked: true,

checkHandler: onItemCheck

},

{

text: 'I donated!',

checked:false,

checkHandler: onItemCheck

}, '-', {

text: 'Radio Options',

menu: {

items: [

'Choose a Theme',

{

text: 'AeroGlass',

checked:true,

group:'theme',

checkHandler:onItemCheck

}, {

text: 'VistaBlack',

checked:false,

group:'theme',

checkHandler:onItemCheck

}, {

text:'Gray Theme',

checked:false,

group:'theme',

checkHandler:onItemCheck

}, {

text:'Default Theme',

checked:false,

group:'theme',

checkHandler:onItemCheck

}

]

}

}

]

});

function onItemCheck(item, checked){

Ext.MessageBox.alert('Item Check',checked ? 'checked' : 'unchecked'+item.text, );

}