我不知道该怎么做,buttonAlign: 'center'
也没有pack: 'center'
工作。小提琴:http: //jsfiddle.net/3Ytp9/
问问题
1939 次
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
于 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 回答