1. 爱易网页
  2. JavaSript
  3. ExtJS中Ext.menu.Menu菜单使用

ExtJS中Ext.menu.Menu菜单使用

日期：2014-05-16　 浏览次数：20353 次

ExtJS中Ext.menu.Menu菜单应用

  1. var menu = new Ext.menu.Menu();
  2. menu.add
  3. (
  4.     {
  5.       text:"字号",
  6.       menu:
  7.       [
  8.          new Ext.menu.CheckItem({text:"大",group:"font"}),
  9.          new Ext.menu.CheckItem({text:"中",group:"font"}),
  10.          new Ext.menu.CheckItem({text:"小",group:"font"})
  11.       ]
  12.     },
  13.     {
  14.       text:"字体",
  15.       menu:
  16.       [
  17.          new Ext.menu.CheckItem({text:"加粗"}),
  18.          new Ext.menu.CheckItem({text:"斜体"})
  19.       ]
  20.     }
  21. }

  1. var btn1 = new Ext.Button
  2. ({
  3.    text:"文件",cls: 'x-btn-text-icon',icon:"../Images/Menus/house.png",
  4.    menu:
  5.    [
  6.    {text:"打开",icon:"../Images/Menus/house.png"},
  7.    {text:"保存",icon:"../Images/Menus/house.png"},
  8.    {text:"删除"},
  9.    {text:"关闭"},
  10.    {text:"退出"}
  11.    ]
  12. });
  13. var btn2 = new Ext.Button
  14. ({
  15.    text:"编辑",cls: 'x-btn-text-icon',icon:"../Images/Menus/house.png",
  16.    menu:
  17.    [
  18.    {text:"复制",icon:"../Images/Menus/house.png"},
  19.    {text:"拷贝",icon:"../Images/Menus/house.png"},
  20.    '-',
  21.    {text:"查找"},
  22.    {text:"替换"}
  23.    ]
  24. });
  26. var toolbar = new Ext.Toolbar
  27. ({
  28. width:300,height:200,items:[btn1,btn2],renderTo:"BuildMenu5"
  29. });

相关资料更多>

  1. jquery的自定义方法,该如何处理
  2. 优秀的JS年历-My97DatePicker
  3. js 设立字体大小
  4. JavaScript对象模型-实施模型(笔记2)
  5. 为何鼠标悬停可以取消定时程序，而点击事件不行,该如何处理
  6. javascript cookies 封存、获取和删除
  7. extjs验证用户名已存在有关问题，一个很诡异的有关问题，就算不会也希望能顶一上帖子无限感谢
  8. js印证中文长度
  9. 请教IE9不支持 obj.style.display这样的访问吗