ExtJs2 panel控件居中有关问题

2012-03-17

ExtJs2 panel控件居中问题我的panel是这样定义的JScript codecenterPanel new Ext.Panel({region : cen

ExtJs2 panel控件居中问题
我的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() { }}]}]}] });

热点排行

JavaScript

ExtJs2 panel控件居中有关问题