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