Добавление текстовых полей динамически в GWT?

Question

У меня есть требование, в котором я должен динамически добавлять текстовые поля.Рассмотрим следующий пример:

TextBox1 TextBox2 TextBox3 AddButton

Сначала мне нужно отобразить текстовые поля, как указано выше, и одну кнопку добавления рядом с ними.При нажатии на кнопку добавления должна появиться новая строка текстовых полей, как указано выше.Как это можно реализовать в GWT?

Спасибо!

Answer 1

Прежде всего давайте создадим файл UI для вашей задачи:

<g:VerticalPanel>
    <g:FlowPanel ui:field="textAreaContainer">
        <g:TextBox ui:field="Textbox1"/>
        <g:TextBox ui:field="Textbox2"/>
        <g:TextBox ui:field="Textbox3"/>
    </g:FlowPanel>
    <g:Button ui:field="addTButton" />
</g:VerticalPanel>

Нет стилей и т. Д., Только в качестве примера.И чтобы не создавать Java-файл для этого представления.

public class SampleGWT {
interface SampleGWTUiBinder extends UiBinder<VerticalPanel, SampleGWT> {
}

private static SampleGWTUiBinder ourUiBinder = GWT.create(SampleGWTUiBinder.class);
@UiField
FlowPanel textAreaContainer;
@UiField
TextBox Textbox1;
@UiField
TextBox Textbox2;
@UiField
TextBox Textbox3;
@UiField
Button addTButton;

public SampleGWT() {
    VerticalPanel rootElement = ourUiBinder.createAndBindUi(this);
}

@UiHandler("addTButton")
public void onAddTB(ClickEvent event){
    TextBox textBox = new TextBox();
    textAreaContainer.add(textBox);
}}

Если у вас есть какие-либо вопросы - пожалуйста, добро пожаловать.