GWTにテキストボックスを動的に追加しますか？

Question

私はダイナミックにテキストボックスを追加する必要があるという要件があります。以下の例で考えてみましょう：

のTextBox1 TextBox2をTextBox3 AddButton

まず、私は上記と横に1つの追加ボタンなどのテキストボックスを表示する必要があります。追加ボタンをクリックすると、上記のようなテキストボックスの新しい行が表示されます。これはGWTでどのように実装できますか？

ありがとうございます！すべてのあなたの仕事のためのUIファイルを作成してみましょうの

Answer 1

まず：

<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); 
}} 

ご不明な点がございましたら、お気軽にお問い合わせください。