在layout: ‘column’,后的排列中，右對齊fieldLabel的寬度就不怎么好使。

經過幾次調試，終于可以右對齊fieldLabel了，fieldLabel的右對齊比較麻煩，必須首先在form中設置 labelWidth:40，同時在labelStyle中加上labelStyle : “text-align:right;width:40;”,這2個地方都要設置寬度才行，否則fieldLabel的寬度就不起作用。

{
columnWidth:.33,
layout:’form’,
border:false,
labelWidth: 40,
items:[{
xtype:"combo",
fieldLabel: '地區',
name: 'combo',
labelStyle: 'text-align:right;width:40;',
store: new Ext.data.SimpleStore({
fields: ['value', 'text'],
data: [
['value1', 'text1'],
['value2', 'text2']
]
}),
displayField: ‘text’,
valueField: ‘value’,
mode: ‘local’,
emptyText:’請選擇’
}]
}

用formPanel做了個登錄界面，不能在頁面居中，以下是解決方法
var panel =new Ext.panel({

});
var windowWidth = window.screen.availWidth;
var left=windowWidth/2 – panel的寬度/2;
var style=’margin-top:150px;margin-left:’+left+’px;’;
var el=Ext.get(‘div-id’).applyStyles(style);
panel .render(el);

可直接用 panel.el.center();//使的PANEL頁面居中，注意被渲染之后

總結

以上是生活随笔為你收集整理的ext中fieldLabel文本太宽的问题,以及Panel居中显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。