你所在位置:首页Javascript开发 → ExtJS中Ext.menu.Menu菜单应用

ExtJS中Ext.menu.Menu菜单应用

发布时间:2019-07-11

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()}
]
});www.350job.com
var toolbar = new Ext.Toolbar
({
width:300,height:200,items:[btn],renderTo:"BuildMenu5"


作者:huang798807481
上一篇:解决JQuery表单异步提交到action的乱码问题(ajaxform,ajaxsubmit)
下一篇:JQuery框架和Ajax的综合使用