javascript - Extjs 将按钮在容器中居中对齐

Question

我有以下带有几个按钮的容器:

{
                    xtype : 'container',
                    width : 320,
                    layout : 'hbox',
                    cls : 'readable-form no-border',
                    labelSeparator : '',
                    ref : '../sendBackForm',
                    layoutConfig: {
                        padding:'5',
                        pack:'center',
                        align:'middle'
                    },
                    style : {
                        margin : 'auto'
                    },
                    items : [ {
                        xtype : 'button',
                        itemId : 'yes',
                        iconCls : 'save-button-icon',
                        text : 'Yes',
                        ref : '../../yes'
                    }, {
                        xtype : 'spacer',
                        width : 10
                    }, {
                        xtype : 'button',
                        itemId : 'checker',
                        iconCls : 'save-button-icon',
                        text : 'Back to checker',
                        ref : '../../checker'
                    }, {
                        xtype : 'spacer',
                        width : 10
                    }, {
                        xtype : 'button',
                        itemId : 'prebooker',
                        iconCls : 'save-button-icon',
                        text : 'Back to prebooker',
                        ref : '../../prebooker'
                    }, {
                        xtype : 'spacer',
                        width : 10
                    }, {
                        xtype : 'button',
                        itemId : 'cancel',
                        text : 'Cancel',
                        ref : '../../cancel'
                    }, {
                        xtype : 'spacer',
                        width : 90
                    }, {
                        xtype : 'button',
                        itemId : 'ok',
                        hidden : true,
                        text : 'Ok',
                        ref : '../../ok'
                    } ]

                }

问题是当我隐藏所有按钮并只想显示“确定”按钮时，它出现在窗口左 Angular 附近，我如何将其放置在窗口中间？

Answer 1

您是否尝试过在容器中添加以下代码？ : autoEl: {tag: 'center'}