Ext提供了菜单组件Ext.menu.Menu。该组件相当于菜单项的容器,在菜单组件中可以配置多个菜单项。
下面是一个最简单的菜单栏:
<script type="text/javascript">
Ext.onReady(function(){
var tb = new Ext.Toolbar({
width:300,
});
var fileMenu = new Ext.menu.Menu({
shadow: 'frame',
items : [
{text:'新建'},
{text:'打开'}
]
});
tb.add(
{text:'文件',menu: fileMenu}
);
tb.render(Ext.getBody());
});
</script>
显示为:
点击文件,文打开2个选择按钮: 新建和打开。当然,你也可以配置多级菜单,下面是个二级菜单的例子:
<script type="text/javascript">
Ext.onReady(function(){
var tb = new Ext.Toolbar({
width:300,
});
var fileMenu = new Ext.menu.Menu({
shadow: 'frame',
items : [
{text:'新建',
menu: new Ext.menu.Menu({
items:[
{text: 'XML'},
{text: '视频文件'}
]
})
},
{text:'打开'}
]
});
tb.add(
{text:'文件',menu: fileMenu}
);
tb.render(Ext.getBody());
});
</script>
显示为:
Ext2还提供了Ext.menu.Adapter菜单项适配器,他可以将非菜单组件包装成一个菜单项,但是由于在Ext3中此功能被取消了,所以也不另外叙述了。
最后我们来看一下菜单项的常用方法:
- 大小: 2.3 KB
- 大小: 3.6 KB
- 大小: 22.2 KB
分享到:
相关推荐
9.3.3 面板标题栏构件:ext.panel.header与ext.panel.tool / 438 9.3.4 记录和恢复面板属性:ext.util.memento / 439 9.3.5 面板常用的配置项、方法和事件 / 439 9.4 布局 / 441 9.4.1 布局概述 / 441 9.4.2 ...
第十三章 Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更 128 一、Ext.menu.Menu 菜单 128 二、Ext.draw.Component 绘图 134 三、Ext.resizer.Resizer 大小变更 137 第十四章 layout ...
3.4.5 认识Ext.menu.Menu菜单 3.4.6 最简单的菜单栏 3.4.7 创建二级或多级菜单 3.4.8 将更多组件加入菜单 3.4.9 具有选择框的菜单 3.5 本章小结 第4章 最常用的表单 4.1 表单及表单元素 4.1.1 了解Ext.form...
一、基础篇 1、Ext JS下载及配置 2、基本功能 2.1、Ext.MessageBox消息框 2.2、Ext.window.MessageBox 3、工具栏和菜单栏 3.1、Ext.toolbar.Toolbar工具栏 3.2、Ext.menu.Menu菜单栏 4、表单
本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
-修正EnableMaximize属性不能使Window最大化的BUG,修正了双击标题栏不能最大化的BUG。 -删除Button控件的SystemIcon属性,比如以前这样定义SystemIcon="Close",现在需要这样定义Icon="SystemClose"。 -Window...
EXT Menu组件 55 创建简易菜单 56 各种Item的类型 57 Item属性 57 在UI中摆放菜单 58 Menu的分配方式: 58 练一练 60 动态添加菜单按钮到Toolbar 61 更方便的是 61 下一步是 62 模板(Templates)起步 62 第一步 您...
EXT Menu组件 55 创建简易菜单 56 各种Item的类型 57 Item属性 57 在UI中摆放菜单 58 Menu的分配方式: 58 练一练 60 动态添加菜单按钮到Toolbar 61 更方便的是 61 下一步是 62 模板(Templates)起步 62 第一步 您...
定义数据(Data Definition) 51 步骤二 列模型(Column Model) 52 Grid组件的简易分页 53 Grid数据 53 怎么做一个分页的Grid 54 分页栏Toolbar 55 EXT Menu组件 55 创建简易菜单 56 各种...
定义数据(Data Definition) 51 步骤二 列模型(Column Model) 52 Grid组件的简易分页 53 Grid数据 53 怎么做一个分页的Grid 54 分页栏Toolbar 55 EXT Menu组件 55 创建简易菜单 56 各种...
" "(三)、结构分析 " "(1)、菜单栏:利用类JMenuBar创建一个菜单条的实例menubar,并利用类Jme" "nu创建了四个菜单的实例menu1、menu2、menu3、menu4分别为文件、编辑、格 " "式、帮助,如下图所示 " " " " ...
-修正EnableMaximize属性不能使Window最大化的BUG,修正了双击标题栏不能最大化的BUG。 -删除Button控件的SystemIcon属性,比如以前这样定义SystemIcon="Close",现在需要这样定义Icon="SystemClose"。 -Window...
+menu_bar.html--所有页面中的菜单栏 +new.html--最新链接--new.php +new_link.html--显示最新链接--new.php +order_nbar.html--最新链接,推荐链接,最酷链接页面中的排序工具栏--new,pick,cool.php +orde
+menu_bar.html--所有页面中的菜单栏 +new.html--最新链接--new.php +new_link.html--显示最新链接--new.php +order_nbar.html--最新链接,推荐链接,最酷链接页面中的排序工具栏--new,pick,cool.php +orde
favorite_menu 为DW增加一个Favorites 菜单,类似IE收藏夹 layer_transitions 层的多种转换特效 dhtml_tooltips 为页面或链接增加一个dHTML的脚注(即注释) insert_greeting 根据不同的时段插入不同的问候语 script...
MX172878_sup_sub_ext 插入上标、下标 Videoembed 插入视频文件,还可以加上控制按钮 NowhereLink 插入一个空连接,点击后不会返回到页面顶部 ExternalJS 调用一个外部的.JS脚本语言文件 includeJSfile_hp ...
154 MENU 加载菜单文件 155 MENULOAD 加载部份主菜单 156 MENUUNLOAD 卸载部份主菜单 157 MINSERT 按矩形阵列方式插入图块 158 MIRROR MI 镜像实体 159 MIRROR3D 三维镜像 160 MLEDIT 编辑平行线 ...