首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Extjs textfield资料对齐方式

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

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

?

?

热点排行