当前位置：代码迷 >> JavaScript >> ExtJS中Ext.menu.Menu菜单使用

详细解决方案

ExtJS中Ext.menu.Menu菜单使用

热度：733 发布时间：2012-09-10 11:02:32.0

ExtJS中Ext.menu.Menu菜单应用

var menu = new Ext.menu.Menu();
menu.add
(
{
text:"字号",
menu:
[
new Ext.menu.CheckItem({text:"大",group:"font"}),
new Ext.menu.CheckItem({text:"中",group:"font"}),
new Ext.menu.CheckItem({text:"小",group:"font"})
]
},
{
text:"字体",
menu:
[
new Ext.menu.CheckItem({text:"加粗"}),
new Ext.menu.CheckItem({text:"斜体"})
]
}
}

var btn1 = new Ext.Button
({
text:"文件",cls: 'x-btn-text-icon',icon:"../Images/Menus/house.png",
menu:
[
{text:"打开",icon:"../Images/Menus/house.png"},
{text:"保存",icon:"../Images/Menus/house.png"},
{text:"删除"},
{text:"关闭"},
{text:"退出"}
]
});
var btn2 = new Ext.Button
({
text:"编辑",cls: 'x-btn-text-icon',icon:"../Images/Menus/house.png",
menu:
[
{text:"复制",icon:"../Images/Menus/house.png"},
{text:"拷贝",icon:"../Images/Menus/house.png"},
'-',
{text:"查找"},
{text:"替换"}
]
});
var toolbar = new Ext.Toolbar
({
width:300,height:200,items:[btn1,btn2],renderTo:"BuildMenu5"
});

var btn = new Ext.Button
({
text:"其它",cls: 'x-btn-text-icon',icon:"../Images/Menus/house.png",
menu:
[
{text:"选择日期",icon:"../Images/Menus/house.png",menu:new Ext.menu.DateMenu()},
{text:"选择颜色",icon:"../Images/Menus/house.png",menu:new Ext.menu.ColorMenu()}
]
});
var toolbar = new Ext.Toolbar
({
width:300,height:200,items:[btn],renderTo:"BuildMenu5"

相关解决方案