2016-09-03 79 views
1

FieldGroup組件正在爲每個映射屬性創建標籤和字段集。我希望能夠在相應的字段值更改時更改標籤的樣式。文件解釋瞭如何在現場完成,而不是爲標籤。CUBA:操縱FieldGroup生成的標籤

我該怎麼辦?

回答

0

如果你在一個fieldGroup中設置了一個字段的樣式名,假設爲「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