日期:2014-05-16 浏览次数:20443 次
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"
});
});
?
?
?