ext中的菜单基本应用 转载
简单菜单应用菜单包括很多种，比如下拉菜单、分组菜单位、上下文件弹出菜单位，菜单上的内容包括文件、单选框、按钮等。对于ExtJS来说，菜单的实现非常简单，我们来看下面示例。
Html代码如下：
<div style="padding: 4px 5.4pt; width: 95%;">http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif欢迎进入管理系统<br/>
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif<div id="menu"></div>
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif 我们想在id为menu的这一区域里面显示系统的主菜单，应用ExtJS，则可以使用下面的javascript代码实现：
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif var btn1=new Ext.Button({
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif text:"文件",
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif menu:[
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif {icon:"open.jpg",text:"打开"},
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif {icon:"save.jpg",text:"保存"},
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif {text:"关闭"}]});
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifvar btn2=new Ext.Button({
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif text:"编辑",
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif menu:[
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif {text:"复制"},
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif {text:"拷贝"},
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif "-",
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif {text:"查找"},
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif {text:"替换"}
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif ]
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif})
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifvar toolbar=new Ext.Toolbar({
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif renderTo:"menu",
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif items:
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif});
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif
页:
[1]