在ExtJS的4.2

Question

我想讓我的字段集的標題以紅色

我這個exampel嘗試沒有成功增添色彩的字段集：

{ xtype:'fieldset', 
       columnWidth: 0.5, 
       title: dataApplicant, 
       collapsible: false, 
       defaultType: 'textfield', 
       defaults: {anchor: '100%'}, 
       layout: 'anchor', 
       cls: 'my-fieldset', 
       items : 

       [ 
    ..... 
    .. 

，我做出EXT-所有的.css

.my-fieldset { 
    background: #F1F3FB, 
    border: 1px solid red 
} 
.my-fieldset .x-fieldset-header { 
    color: red 
} 

我也想有這個文本，例如：名稱：（*）

我嘗試：

{ 
           xtype: 'textfield', 
           fieldLabel: 'name', 
           allowBlank : false, 
           id: 'numeId', 
           flex: 1, 
           margin: '5 5 5 5' 
          }, 

，我不知道如何添加：（*）的文本框後

，我想那（*）應該有紅色

我知道如何做到這一點在JSP中而不是在JS

在JSP

這是代碼的例子：

<tr> 
       <td width="20%"><util:message 
          key="name.title" />:<font color="#FF0000">(*)</td> 
        <td width="80%" colspan="3"><form:textfield property="name" allowBlank="false"/></td> 
       </tr> 

Answer 1

您可以通過多種方式來完成此操作。

在文檔，你C和閱讀，標題可以包含HTML，所以標題可以這樣定義：

... 
title: 'Title <span style="color: red">(*)</span>' 
... 

Answer 2

您可以簡單地這樣做：

fieldLabel: 'name' + '<span style="color:red;">(*)</span>' 

但這會喜歡這個名字（*）：
最後的冒號符號。