日期:2014-05-16  浏览次数:20379 次

Extjs textfield文件对齐方式

ExtJs中的textfield文本对齐方式,没有直接的配置,因此我们需要利用样式来完成。

方法1、可以直接配置style:'text-align:center'来完成剧中对齐方式

?

方法2、可以先定义样式,再配置cls来完成,推荐此方法,此方法如需要添加其它样式或修改样式可以在同一个地方,不需要找到元素。再者样式定义好后,可以给其它元素使用。

?

		<style type="text/css">
			.textfield-align-center{
				text-align:center
			}
		</style>

?

?代码如下:

?

Ext.onReady(function(){				
	var _txt = new Ext.form.TextField({
						renderTo:Ext.getBody(),
						name:'dd',
						cls:'textfield-align-center',
						emptyText:"dd"
					});
					
	var _txt = new Ext.form.TextField({
					renderTo:Ext.getBody(),
					name:'dd',
					style:'text-align:center',
					emptyText:"dd"
				});
});
?

?

?