欢迎访问中国最大的EXTJS讨论社区 首页 论坛 教程

Ext教程-一起Ext

当前位置: 首页 > 教程 > Ext Tree Menu Toolbar >

EXT:Menu组件官方入门教程带视频下载。

时间:2009-04-08 11:01来源:未知 作者:admin 点击:
原文出处 视频教学 讲讲如何使用Ext菜单器件 这篇教程中,我们将学习使用Ext的菜单器件(Menu Widgets)。假设读者已经阅读过Ext简介一文,并懂得一些Ext的基本相关知识。菜单器件是Ex

  

MenuButton
new Ext.MenuButton(\'menubutton\', {text:\'Menu Button 1\', menu: dateMenu});

动态添加菜单按钮到Toolbar

这条Toolbar有两个按钮。一个分隔符,和一个纯图标的按钮(附Quicktips)。你可尝试这样做,把zip文件中.gif加入

Ext.QuickTips.init();

tb.add(\'-\', {
icon: \'list-items.gif\', //图标可单行显示
cls: \'x-btn-icon\', // 纯图标
tooltip: \'Quick Tips
提示文字\'
});

更方便的是

一些代码片段,有助你提高效率,留意注释!

// Menus更多的API内容
// 动态 增、减元素

menu.addSeparator(); //动态加入分隔符

var item = menu.add({
text: \'Dynamically added Item\'
});

// items 完整支持Observable API
item.on(\'click\', onItemClick);

// items can easily be looked up
menu.add({
text: \'Disabled Item\',
id: \'disableMe\' // <-- 设置ID便于查找lookup
// disabled: true <-- 先不disabled 而采用下面的方式
});

// 用 id 或 index访问
menu.items.get(\'disableMe\').disable();

声明:本站教程文章版权为一起Ext(http://www.17ext.com/)所有,转载请注明出处
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容