cuba-platform - CUBA：操作由 FieldGroup 生成的标签

Question

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

我应该怎么做 ？

Answer 1

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

示例字段组：

<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