ext中fieldLabel文本太宽的问题,以及Panel居中显示

简介:

在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页面居中,注意被渲染之后

分类:  项目有关


本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2011/12/24/2300388.html,如需转载请自行联系原作者
目录
相关文章
|
2月前
|
前端开发 数据可视化 容器
前端基础(十六)_BFC、box-shadow(盒子阴影)、text-shadow(文字阴影)
本文介绍了前端开发中块级格式化上下文(BFC)的概念和作用,以及如何创建BFC。同时,文章还讲解了`box-shadow`和`text-shadow`属性的用法,包括如何为元素添加阴影效果,并通过示例代码展示了这些属性的具体应用。
23 0
前端基础(十六)_BFC、box-shadow(盒子阴影)、text-shadow(文字阴影)
|
前端开发
CSS 文本阴影 text-shadow 悬停效果
CSS 文本阴影 text-shadow 悬停效果
68 0
|
12月前
|
前端开发 数据安全/隐私保护
CSS去掉input框里面的默认字体颜色
CSS去掉input框里面的默认字体颜色
144 1
|
11月前
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
|
11月前
|
前端开发
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
234 0
|
JavaScript
element-ui el-table 表格中行高和字体大小调整
element-ui el-table 表格中行高和字体大小调整
3283 0
html去除input边框以及选中时边框 默认样式
html去除input边框以及选中时边框 默认样式
1214 0
实例1、用TableLayoutPanel 制作表格
实例1、用TableLayoutPanel 制作表格
721 0
实例1、用TableLayoutPanel 制作表格
splitcontainer控件固定Panel的大小
splitcontainer控件固定Panel的大小
247 0
|
前端开发
span内文字居中css布局方法_让span内容居中
display:block,让span形成块(独占一行),就像DIV一样,在设置内容居中css text-align:center。
2706 0