Javascript - ExtJs - ToolBar、Button和Menu

发布时间:2017-7-9 7:15:46编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"Javascript - ExtJs - ToolBar、Button和Menu ",主要涉及到Javascript - ExtJs - ToolBar、Button和Menu 方面的内容,对于Javascript - ExtJs - ToolBar、Button和Menu 感兴趣的同学可以参考一下。

id : string
//工具栏ID

width : number
//工具栏宽度

height: number
//工具栏高度      

items:[{} , {}]
//配置工具栏上的控件,比如添加按钮、菜单等等。每个匿名对象以逗号隔开。常见配置如下:
     { xtype : 'tbfill' } //指示出现在tbfill之后的物件右对齐
     { xtype : 'tbseparator'} //分隔符
     { xtype : 'tbspacer', width: 50 } //指示物件的间距
     { xtype : "button"} //按钮
                                               
View Code

创建菜单

var contextMenu = new Ext.menu.Menu({
    items: [
        { text: "详细", handler: function () { }}
    ]
});
View Code

在gridPanel上创建工具栏

gridPanel有bbar或tbar两个属性指向的就是Ext.Toolbar。 

tbar: new Ext.Toolbar({
    id: "topToolbar",
    width: 200,
    height: 30,            
    items: [
        {
            xtype: "button",
            text: "添加记录",
            handler: function () {                        
            }
        },
         {
             xtype: 'tbseparator'//分隔符
         },
        {
            xtype: "button",
            text: "其它",
            handler: function () {
            }


上一篇:Routh
下一篇:ASP.NET Core Web 资源打包与压缩

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款