带有 LabelAlign 顶部(中心)的 ExtJS 文本字段

Posted

技术标签:

【中文标题】带有 LabelAlign 顶部(中心)的 ExtJS 文本字段【英文标题】:ExtJS textfield with LabelAlign Top (CENTER) 【发布时间】:2013-03-14 09:28:47 【问题描述】:

是否有任何配置选项可以将 lavel 放在顶部并为文本字段居中对齐。

  
    xtype:'numberfield',
    labelAlign:'top',
    labelSeparator:'',
    fieldLabel: 'Title',
    flex:1 
  

标签在顶部但与左侧对齐时工作正常。我想与顶部居中对齐。

提前感谢您的帮助!!!

【问题讨论】:

【参考方案1】:

只需使用labelClsExtra向标签添加一个类:

一个或多个附加 CSS 类的可选字符串添加到 标签元素。默认为空。

例如:

labelClsExtra: 'your-class'

在你的样式表中:

.your-class 
    text-align: center

工作示例:http://jsfiddle.net/qazN3/

【讨论】:

以上是关于带有 LabelAlign 顶部(中心)的 ExtJS 文本字段的主要内容,如果未能解决你的问题,请参考以下文章