CUBA:操纵FieldGroup生成的标签

时间:2016-09-03 08:14:20

标签: cuba-platform

FieldGroup组件正在为每个映射属性创建标签和字段集。我希望能够在更改相应的字段值时更改标签的样式。文档说明了如何在现场进行,而不是为标签。

我该怎么办?

1 个答案:

答案 0 :(得分:0)

如果在fieldGroup中设置字段的stylename,假设为“red-field”,则该字段的标题将具有相应的CSS类“v-caption-red-field”,因此您将能够编写CSS在扩展主题中使用此选择器进行规则。

示例FieldGroup:

<fieldGroup id="fieldGroup"
            datasource="clientDs">
    <column width="250px">
        <field id="title"/>
        <field id="summary"
               rows="5"/>
    </column>
</fieldGroup>
<button caption="Change style" invoke="changeStyle"/>

触发式更改:

public class ClientEdit extends AbstractEditor<Client> {
    @Named("fieldGroup.title")
    private TextField titleField;

    public void changeStyle() {
        titleField.setStyleName("red-field");
    }
}

CSS规则:

@mixin halo-ext {
  @include halo;

  .v-caption-red-field {
    color: red;
  }
}

您可以在此处详细了解主题扩展程序:https://doc.cuba-platform.com/manual-6.2/web_theme_extension.html