在ExtJS中居中对齐按钮

Question

var myWin = new Ext.Window({
        height : 100,
        width : 200,
        maximizable : true,
        items : [ {
            xtype : 'button',
            text : 'myButton'
         // align : center
        } ]

    });
    myWin.show();

这是我的代码。我想将按钮居中对齐，虽然有一些方法可以做到这一点，但它们有点冗长和棘手。是否有一个简单的解决方案，如align : center或类似的东西，可以将按钮或文本字段居中对齐？

- Raza Ahmed

Answer 1

您可以尝试这个方法（我添加了我的窗口图片）。

注：原文中的“this”指代的是一种解决IT技术问题的方法，具体内容未给出。

 Ext.define('MyApp.view.MyWindow', {
    extend: 'Ext.window.Window',

    height: 137,
    width: 233,
    layout: {
        align: 'middle',
        pack: 'center',
        type: 'hbox'
    },
    title: 'My Window',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'button',
                    text: 'MyButton'
                }
            ]
        });
        me.callParent(arguments);
    }
});

- Nail Shakirov

Answer 2

插入 buttonAlign: 'center', 就可以居中了 - 默认是 right，我想。请参考这个示例。

- user2424133