Comment créer un composant composite gwt avec des enfants utilisant uibinder?

Question

Je voudrais créer un composant pour décorer ses enfants, tels que:

mycomponent.ui.xml:

<g:FlowPanel addStyleNames="myStyle"> 
    <!-- how can i render children ? --> 
</g:FlowPanel> 

et d'autres peuvent utiliser:

<myapp:mycomponent> 
    <g:Label>Decorated child</g:Label> 
</myapp:mycomponent> 

Comment puis-je rendre les enfants en uibinder? (Ou en Java, si je dois)

Answer 1

Laissez MyComponent implémenter l'interface HasWidgets pour ajouter/supprimer des widgets enfants.

Le MyComponent.ui.xml semble aussi simple que

<g:FlowPanel ui:field="main" /> 

pendant que vous déléguez les méthodes spécifiées ind HasWidgets au FlowPanel:

public class MyComponent extends Composite implements HasWidgets { 

    private static MyComponentUiBinder uiBinder = GWT.create(MyComponentUiBinder.class); 

    interface MyComponentUiBinder extends UiBinder<Widget, MyComponent> {} 

    @UiField 
    FlowPanel main; 

    public MyComponent() { 
     initWidget(uiBinder.createAndBindUi(this)); 
    } 

    @Override 
    public void add(Widget w) { 
     main.add(w); 
    } 

    @Override 
    public void clear() { 
     main.clear(); 
    } 

    @Override 
    public Iterator<Widget> iterator() { 
     return main.iterator(); 
    } 

    @Override 
    public boolean remove(Widget w) { 
     return main.remove(w); 
    } 
} 

Appel

<M:MyComponent> 
    <g:Label text="some text" /> 
</M:MyComponent> 

fonctionnera de cette façon.

Answer 2

En utilisant ce code XML:

<myapp:mycomponent> 
    <g:Label>Decorated child</g:Label> 
</myapp:mycomponent> 

instanciera MyComponent puis appelez MyComponent.add(label). Tout ce que vous avez à faire est de remplacer .add(..) dans votre classe MyComponent et d'appliquer tous les styles que vous voulez passer des composants.