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();//启用工具栏

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容