ext中的菜单基本应用 转载

刘金剑

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