zoukankan      html  css  js  c++  java
  • 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
    ({
       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
    ({
       300,height:200,items:[btn],renderTo:"BuildMenu5"
    });

    版权说明

      如果标题未标有<转载、转>等字则属于作者原创,欢迎转载,其版权归作者和博客园共有。
      作      者:温景良
      文章出处:http://wenjl520.cnblogs.com/  或  http://www.cnblogs.com/

  • 相关阅读:
    事务隔离级别
    OpenSessionInView
    图像平滑处理(滤波)
    [原]Nginx+Lua服务端合并静态文件
    检查数据倾斜分布
    SQL Server研究之统计信息—发现过期统计信息并处理具体解释
    GDALWarp设置GDALWarpOptions::dfWarpMemoryLimit过大时处理失败
    Android Studio 2.0 稳定版新特性介绍
    供应商和管理员查看供应商地址簿信息SQL
    Table AdvanceTable针对表内行禁用multipleSelection , singleSelection
  • 原文地址:https://www.cnblogs.com/wenjl520/p/1325617.html
Copyright © 2011-2022 走看看