0

我不知道该怎么做,buttonAlign: 'center'也没有pack: 'center'工作。小提琴:http: //jsfiddle.net/3Ytp9/

4

3 回答 3

1

您是否考虑过在面板底部使用工具栏?

https://fiddle.sencha.com/#fiddle/1c0(没有mvc模式)

你也可以使用这样的东西:

        dockedItems: [{
        xtype: 'toolbar',
        layout: {
            pack: 'center'
        },
        defaultButtonUI: 'default', // get default look and feel
        dock: 'bottom',
        items: [{
            xtype: 'button',
            width: 200,           
            text: 'Download to Excel',

        },{
            xtype: 'button',
            width: 200,           
            text: 'Another action',

        }]

最好的祝福。

于 2013-11-04T20:29:50.720 回答
1

使用按钮组的布局属性:

    layout: {
        type: 'vbox',
        align: 'center'
    }

见分叉小提琴:https ://fiddle.sencha.com/#fiddle/1cm

于 2013-11-05T10:54:34.420 回答
0

尝试:

Ext.onReady(function() {
  var panel = Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    title: 'Button group',
    border: true,
    layout: {
        align: 'middle',
        pack: 'center',
        type: 'hbox'
    },
    width: 500,
    items: [{
        xtype: 'buttongroup',
        columns: 1,
        items: [{
            xtype: 'button',
            text: 'Go'
        }, {
            xtype: 'button',
            text: 'Reset'
        }]
    }]
 });
});

要将按钮并排放置,请删除columns:1- 还要注意 JSFiddle 上的 Ext JS 实现很糟糕,所以不要过分依赖它。

于 2013-11-04T16:51:22.433 回答