Ext.Toolbar工具栏

Ext.Toolbar的常用方法：

addButton()

addElement()

addField()

addFill()

addSeparator()

addText()

add()

带搜索框的工具栏

var toolbar =Ext.create("Ext.Toolbar", {

renderTo: Ext.getBody(),

width: 500,

items: [{

text: "文件",

handler: function (btn) { Ext.MessageBox.alert(btn.text); }

}, {

text: "菜单"，

menu:

         {

            item[ {

                      text:'选项1'

             }, {

                       text:'选项2'

              }, {

                        text:'选项3',

                        handler:function() {

                                       Ext.Msg.alert("提示","来自菜单的消息");

                         }

              }]

}

}, {

text: "格式"

}, {

text: "按钮",

xtype:"splitbutton"

}, {

text: "帮助"

},

"->",

new Ext.form.Field(), {

text: "搜索"

}]

});

Ext.get("btnDisable").on("click", function () {

      toolbar.disable();//禁用工具栏

});

Ext.get("btnEnable").on("click", function () {

       toolbar.enable();//启用工具栏

});