EXTJS学习系列提高篇:第十二篇(转载)作者殷良胜,利用Ext实现类似Windows的操作

简介:

显示字体和字号的菜单样式

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"
});


本文转自温景良博客园博客,原文链接:http://www.cnblogs.com/wenjl520/archive/2008/11/03/1325617.html,如需转载请自行联系原作者

相关文章
|
Windows
【Windows】 Win10下报错:该文件没有与之关联的应用来执行该操作。请安装应用,若已经安装应用,请在“默认应用设置”页面中创建关联
【Windows】 Win10下报错:该文件没有与之关联的应用来执行该操作。请安装应用,若已经安装应用,请在“默认应用设置”页面中创建关联
1480 1
|
Windows
【Windows】 Win10文件目录的删除,新建等需要手动刷新操作 亲测有效
【Windows】 Win10文件目录的删除,新建等需要手动刷新操作 亲测有效
365 0
|
Windows
逆向学习Windows篇:通过编写函数处理菜单消息
逆向学习Windows篇:通过编写函数处理菜单消息
94 0
|
安全 API C++
逆向学习Windows篇:C++中多线程的使用和回调函数的实现
逆向学习Windows篇:C++中多线程的使用和回调函数的实现
525 0
|
安全 API Windows
逆向学习Windows篇:文件操作详解
逆向学习Windows篇:文件操作详解
101 0
|
存储 数据安全/隐私保护 Windows
逆向学习Windows篇:进程句柄操作详解
逆向学习Windows篇:进程句柄操作详解
589 0
|
监控 安全 Windows
逆向学习Windows篇:lab的使用和生成过程,以及“dell”的导出函数和作用
逆向学习Windows篇:lab的使用和生成过程,以及“dell”的导出函数和作用
232 0
|
Windows
逆向学习Windows篇:动态加载与def导出
逆向学习Windows篇:动态加载与def导出
186 0
|
4月前
|
安全 数据安全/隐私保护 虚拟化
Windows Server 2022 中文版、英文版下载 (2025 年 5 月更新)
Windows Server 2022 中文版、英文版下载 (2025 年 5 月更新)
590 2
|
6月前
|
Unix 虚拟化 Windows
Windows Server 2025 中文版、英文版下载 (2025 年 3 月更新)
Windows Server 2025 中文版、英文版下载 (2025 年 3 月更新)
281 4
Windows Server 2025 中文版、英文版下载 (2025 年 3 月更新)