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/

  • 相关阅读:
    Go内建容器篇
    Go基础语法篇
    【区块链】比特币Merkle树
    【区块链】Fabric 术语
    Apache旗下项目
    【区块链】Fabric0.6 与1.0
    rc.local不起作用
    命令行模式启动VMWare虚拟机
    vsftpd 530 Login incorrect 根本原因和解决方案
    Oracle的undotbs01.dbf文件太大(占用大量磁盘空间)处理方法 ORA-01654 空间不足 ORA-01653
  • 原文地址:https://www.cnblogs.com/wenjl520/p/1325617.html
Copyright © 2011-2022 走看看