Wicket: Как изменить текст ярлыка на onkeyup textarea?

Question

Как изменить текст ярлыка на onkeyup textarea? Я пробовал это, но не работает:

Form form; 
TextArea ta; 
MyLabel resultDiv; 


    /** 
    * Constructor that is invoked when page is invoked without a session. 
    */ 
    public HomePage(final PageParameters parameters) { 

     this.form = new Form("form"); 
     this.ta = new TextArea("text"); 
     this.resultDiv = new MyLabel("result"); 

     this.ta.add(new AjaxEventBehavior("onKeyUp") { 
     protected void onEvent(AjaxRequestTarget target) { 
      System.out.println("Ajax!"); 
      resultDiv.setText("Foobar"); 
      resultDiv.renderComponent(); 
     } 
     }); 


     form.add(ta); 
     form.add(resultDiv); 
     add(form); 

    }// const 

    public class MyLabel extends Label { 
    private String text = "original"; 
    public String getText() {  return text; } 
    public void setText(String text) {  this.text = text; } 
    public MyLabel(String id) { 
     super(id); 
     this.setModel(new PropertyModel(this,"text")); 
    } 
    } 

Решение

leonidv был почти там. Результирующий код:

Form form; 
TextArea ta; 
Label resultDiv = new Label("result", new PropertyModel(this,"labelText")){ 
    { setOutputMarkupId(true); } 
}; 

private String labelText = "original"; 


/** 
* Constructor that is invoked when page is invoked without a session. 
*/ 
public HomePage(final PageParameters parameters) { 

    this.form = new Form("form"); 

    this.ta = new TextArea("text"); 
    this.ta.add(new AjaxEventBehavior("onKeyUp") { 
     protected void onEvent(AjaxRequestTarget target) { 
     System.out.println("Ajax!"); 
     labelText = "Foobar"; // Doesn't even need get/set, which is great. 
     target.addComponent(resultDiv); 
     //resultDiv.renderComponent(); // WRONG!! 
     } 
    }); 

    form.add(ta); 
    form.add(resultDiv); 
    add(form); 

}// const 

последняя проблема была моя плохая интуиция о добавлении renderComponent() - что, по какой-то причине, сохранил этикетку без изменений.

К слову, результат будет служить в скором времени как песочница.

Спасибо за помощь!

Answer 1

Если вы хотите обновить компоненты после AJAX события, вы должны сделать 2 вещи:

1. Обновляемые компоненты должны быть выставиться флаг setOutputMarkupId == true;

2. Вы должны добавить эти компоненты целевой OnEvent метод

   this.resultDiv.setMarkupOutputId(true); 
   
   protected void onEvent(AjaxRequestTarget target) { 
        System.out.println("Ajax!"); 
        //resultDiv.setModel(); 
        resultDiv.setText("Foobar"); 
        resultDiv.renderComponent(); 
        target.add(resultDiv); 
   } 
   

PS Я не понимаю многих частей вашего кода.

Answer 2

вместо результатаDiv.renderComponent(); try resultDiv.modelChanged();