Ajout dynamique de zones de texte dans GWT?

Question

J'ai une exigence, où je dois fournir l'ajout dynamique de zones de texte. Considérons l'exemple suivant:

TextBox1 TextBox2 TextBox3 AddButton

D'abord, je dois montrer des zones de texte comme ci-dessus et un bouton Ajouter à côté. Lorsque vous cliquez sur le bouton Ajouter, une nouvelle ligne de zones de texte doit apparaître comme ci-dessus. Comment cela peut-il être implémenté dans GWT?

Merci!

Answer 1

Tout d'abord, nous allons créer un fichier d'interface utilisateur pour votre tâche:

<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> 

Il n'y a pas tous les styles et etc .. seulement comme exemple. Et de créer le fichier java pour cette vue.

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

Si vous avez des questions - s'il vous plaît bienvenue.