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"
				});
});