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,如需转载请自行联系原作者
目录
相关文章
|
前端开发
CSS文字溢出显示省略号,且出现title或者tooltip
CSS文字溢出显示省略号,且出现title或者tooltip
1793 0
CSS文字溢出显示省略号,且出现title或者tooltip
|
4月前
|
前端开发
如何在页面中画一个canvas,然后在居中位置写上蓝色‘Hello Canvas‘,并加上文字描边 * @type {HTMLElement}
如何在页面中画一个canvas,然后在居中位置写上蓝色‘Hello Canvas‘,并加上文字描边 * @type {HTMLElement}
|
前端开发
CSS 文本阴影 text-shadow 悬停效果
CSS 文本阴影 text-shadow 悬停效果
70 0
|
11月前
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
|
JavaScript
element-ui el-table 表格中行高和字体大小调整
element-ui el-table 表格中行高和字体大小调整
3415 0
Winform动态设置TableLayoutPanel等宽高
转自博客: http://blog.csdn.net/langyuewu/article/details/38865423最近有个项目要修改,看完后果断决定重构,里面很多不规范的地方,布局大部分都是计算出来的,但是基本没有采用布局控件,不能自适应,其中有类似九宫格的布局方式,放在WPF,那真是一个控件秒秒钟能搞定的事情,好多年没做winform了,拿回来还是很容易上手。
1609 0
splitcontainer控件固定Panel的大小
splitcontainer控件固定Panel的大小
247 0
|
JavaScript 前端开发 数据格式
ExtJS 6 gridPanel绘制表格并填充数据的例子
Ext.grid.Panel 是表格,可以显示数据,我们来看看它的基本用法:View + Store + Model使用上述三个“部分”就可以完整的,最简易的在Ext的世界中绘制一个用于显示数据库中数据的UI View部分的代码 Ext.
3068 0