CUBA：FieldGroupによって生成されたラベルの操作

Question

FieldGroupコンポーネントは、マップされた各属性のラベルとフィールドのセットを作成しています。私は対応するフィールド値が変更されたときにラベルのスタイルを変更できるようにしたいと思います。ドキュメントでは、ラベルではなくフィールドでの操作方法について説明しています。

どうすればよいですか？

Answer 1

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ルール：https://doc.cuba-platform.com/manual-6.2/web_theme_extension.html

：

@mixin halo-ext { 
    @include halo; 

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

あなたはここでのテーマの拡張機能の詳細を読むことができます