我的panel是这样定义的
- JScript code
centerPanel = new Ext.Panel({
region : 'center',
autoShow : true,
buttonAlign : 'center',
frame : true
});
他的父容器使用border布局，他放在center位置，宽高都未定
我想向他里面add button控件，怎样布局才能使这些控件绝对居中，并且纵向排开？
------解决方案--------------------
参考4.0的
- JScript code
var seacehPanel = Ext.create('Ext.form.Panel', {
title: '客户信息',
renderTo: Ext.getBody(),
height:120,
width:'100%',
bodyPadding: 5,
collapsible: true,
collapseMode: 'mini',
items: [
{
xtype: 'fieldset',
title: '条件查询',
height: 80,
width: 1000,
collapsible: true,
defaults: {
layout: {
type: 'hbox',
defaultMargins: { top: 0, right: 5, bottom: 0, left: 0} //横向布局
}
},
items: [
{
xtype: 'fieldcontainer',
defaults: {
hideLabel: true
},
items: [
{ xtype: 'displayfield', value: '编号:' },
{
xtype: 'textfield',
name: 'firstName',
fieldLabel: 'CurNo'
}, { xtype: 'displayfield', value: '手机:' },
{
xtype: 'textfield',
name: 'lastName',
fieldLabel: 'Phone'
}, { xtype: 'displayfield', value: '性别:' },
{
xtype: 'combo',
mode: 'local',
fieldLabel: 'Sex',
name: 'title',
displayField: 'name',
valueField: 'value',
emptyText: '---请选择--',
store: Ext.create('Ext.data.Store', {
fields: ['name', 'value'],
data: [
{ name: '男', value: 'Mr' },
{ name: '女', value: 'Miss' }
]
})
}
, {
xtype: 'button',
text: '查询',
width: 80,
margin: '10 0 0 130',
handler: function() { }
}]
}]
}]
});