Как создать составной компонент gwt с детьми, используя uibinder? - PullRequest
Новая
       7

Как создать составной компонент gwt с детьми, используя uibinder?

17 голосов
/ 14 ноября 2010

Я хотел бы создать компонент для украшения своих дочерних элементов, например:

mycomponent.ui.xml: 

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

, а затем другие могут использовать: 

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

Как я могу сделать детей в uibinder?(или в Java, если я должен)

Ответы [ 2 ]

33 голосов
/ 14 ноября 2010

Пусть MyComponent реализует интерфейс HasWidgets для добавления / удаления дочерних виджетов.

MyComponent.ui.xml выглядит так же просто, как 

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

при делегировании методов, указанных ind HasWidgets, 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);
    }
}

Calling 

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

будет работать таким образом.

1 голос
/ 14 ноября 2010

Используя этот XML: 

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

создаст экземпляр MyComponent и затем вызовет MyComponent.add(label).Все, что вам нужно сделать, это переопределить .add(..) в вашем классе MyComponent и применить любые стили, которые вы хотите передать компонентам.

...