具有选择框的菜单
var toolbar = Ext.create('Ext.toolbar.Toolbar', {
renderTo: Ext.getBody(),
width: 300
});
var menu = Ext.create('Ext.menu.Menu', {
items: [
{
text: "主题颜色", menu: Ext.create('Ext.menu.Menu', {
items: [
{ text: "蓝色", checked: true, group: 'theme'},//在按钮对象中添加checked属性按钮左边就会有个选框
{ text: "红色", checked: false, group: 'theme' },//加上group,选框是圆点,更漂亮。
{ text: "绿色", checked: false, group: 'theme' }//checked=true表示框被选中。
]
})
},
{text:"是否启用",checked:true}//不加group,按钮左边是一个正方体
]
});
toolbar.add({ text: "颜色选择", menu: menu });
renderTo: Ext.getBody(),
width: 300
});
var menu = Ext.create('Ext.menu.Menu', {
items: [
{
text: "主题颜色", menu: Ext.create('Ext.menu.Menu', {
items: [
{ text: "蓝色", checked: true, group: 'theme'},//在按钮对象中添加checked属性按钮左边就会有个选框
{ text: "红色", checked: false, group: 'theme' },//加上group,选框是圆点,更漂亮。
{ text: "绿色", checked: false, group: 'theme' }//checked=true表示框被选中。
]
})
},
{text:"是否启用",checked:true}//不加group,按钮左边是一个正方体
]
});
toolbar.add({ text: "颜色选择", menu: menu });