ExtJS中Ext.menu.Menu菜单使用

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"