Extjs的button居中

原创于 2016-10-31 19:50:55 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Extjs #button #按钮居中

ExtJS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了ExtJS中实现按钮居中的两种方法：一种是通过buttonAlign属性设置，默认底部居中；另一种是将按钮作为items数组的一部分，并使用vbox布局与center对齐属性。

两种方式：
按钮居中方式1(默认为底部居中,此种方式button不属于items : [])

{
    buttonAlign : 'center',
    buttons : [{
                    xtype : 'button',
                    text : '添加待办事件',
                    border : false,
                    width : 100,
                    height : 30,
                    name : 'addBacklog',
                    action : 'addBacklog'
            }],
    items : [{},{},{},……]
}

按钮居中方式2(此种方式button属于items : [])

{
    layout : {
                type : 'vbox',//布局选择vbox
                align : 'center'
             },
    items:[{
            xtype : 'button',
            text : '添加待办事件'，
            name : 'addBacklog'
            action : 'addBacklog'//可以根据action或者name来识别获取到此button组件
            }]
}