Question

我想将我的fieldset的标题设为红色

我尝试使用此示例但没有成功：

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

                [
    .....
    ..

我在 ext-all.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'
                            },

并且我不知道如何添加：（*）

在textfield之后我想要（*）应该有红色

我知道如何在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

您可以这样做：

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

但这就是这个名字（*）：结束时的结肠符号。

Answer 2

您可以通过多种方式实现这一目标。

在文档中，您可以看到标题可以包含HTML，因此标题可以这样定义：

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

在extjs 4.2中的字段集中添加颜色

2 个答案: