CUBA :操作FieldGroup生成的标签

Question

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

我该怎么办？

Answer 1

如果你在一个标题中设置了一个字段的样式名，假设是"red- field "，那么这个字段的标题就会有相应的CSS类“v- fieldGroup -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