Использование кнопки для обновления панели в GWT

Question

У меня есть небольшой проект веб-приложения с использованием GWT, где кнопка обрабатывает событие: заполнение панели виджетами. В настоящее время нажатие кнопки второй раз дублирует панель, я хочу, чтобы она очищала панель, и повторно добавляет виджеты.

До сих пор у меня есть:

final Button b = new Button("get schools near me"); 
    final HorizontalPanel panel = new HorizontalPanel(); 
    panel.getElement().setId("distanceTable"); 
    RootPanel.get("core").add(b); 
    RootPanel.get("core").add(panel); 
    b.addClickHandler(new ClickHandler(){ 
     @Override 
     public void onClick(ClickEvent event) { 
      Timer t = new Timer(){ 
       @Override 
       public void run() { 
        //how do you clear the panel here first? before you 
        // do a bunch of things along the lines of: 
        panel.add(widget); 
        panel.add(widget2); 
       } 
      }; 
      t.schedule(1400); // wait 1.4 seconds for callback 
     } 
    }); 

Я понимаю, что все, что вы перейти к функции запуска должен быть в качестве окончательной декларации, так как я получаю вокруг этого?

Answer 1

Вы можете использовать clear метод:

panel.clear(); 

Answer 2

Изменение final HorizontalPanel panel = new HorizontalPanel(); на атрибут уровня класса. Затем его можно легко передать во внутренние анонимные классы. И вы можете использовать четкий метод внутри метода таймера, как предложено @ philfr49 например

private HorizontalPanel panel = new HorizontalPanel(); 
..... 
// Elsewhere 
..... 
final Button b = new Button("get schools near me"); 
panel.getElement().setId("distanceTable"); 
RootPanel.get("core").add(b); 
RootPanel.get("core").add(panel); 
b.addClickHandler(new ClickHandler(){ 
    @Override 
    public void onClick(ClickEvent event) { 
     Timer t = new Timer(){ 
      @Override 
      public void run() { 
       panel.clear(); 
       panel.add(widget); 
       panel.add(widget2); 
      } 
     }; 
     t.schedule(1400); // wait 1.4 seconds for callback 
    } 
}); 

Answer 3

Продолжение от комментариев на вопрос - с помощью таймера ждать результата обратного вызова не рекомендуется.

Я предполагаю, что вы работаете со строгим разделением Model-View-Controller и что напечатанный вами код является частью View с обратным вызовом, происходящим в отдельном классе контроллера.

Теперь, если это не так много вещей, которые добавляются к панели, я использую следующую конструкцию:

/* 
* contains all the display parts of the appliation 
*/ 
class View{ 

    private HorizontalPanel panel = new HorizontalPanel(); // panel as a field 

    /* 
    * Getter for panel 
    */ 
    public HorizontalPanel getPanel(){ 
    return this.panel; 
    } 

    /** 
    * Method to create the display part for 'Schools Near Me' 
    * 
    * @param schoolsNearMeHandler Clickhandler that decides what happens 
    *        when the 'near me' button is clicked 
    *        Contains code to request from server 
    *        and display server result 
    */ 
    public void createSchoolsNearMeSection(ClickHandler schoolsNearMeHandler){ 
    final Button b = new Button("get schools near me"); 
    panel.getElement().setId("distanceTable"); 
    RootPanel.get("core").add(b); 
    RootPanel.get("core").add(panel); 
    b.addClickHandler(schoolsNearMeHandler); 
    } 

} 

/* 
* Creates and operates the View and makes sure the correct things get displayed 
*/ 
class Controller{ 

    private View view; 

    public Controller(){ 
    // since the Controller drives the Model-View-Controller part, 
    // the view is being created here 
    view = new View(); 

    // TODO more code to set up the view to perfection 

    // Create the 'schools near me' section 
    view.createSchoolsNearMeSection(new ClickHandler(){ 
     @Override 
     public void onClick(ClickEvent event) { 
      loadSchoolsNearMe(); // send request to server 
     } 
    } 
    } 

    /** 
    * Loads schools near me from the server 
    */ 
    private void loadSchoolsNearMe(){ 

    // generic callback -- use whatever callback interface is required for your way of requesting data from server 
    Callback callback = new Callback(){ 

     public void onSuccess(ServerResult result){ 

     // retrieve the panel where you want to display your data 
     HorizontalPanel panel = view.getPanel(); 
     panel.clear(); 

     // TODO execute whatever code necessary to create 
     // widget and widget2 from the ServerResult 

     // display the newly generated widgets 
     panel.add(widget); 
     panel.add(widget2); 
     } 

     public void onError(...){ 
     // handle errors 
     } 

    } 

    // Create request 
    Request request = new Request(...); 

    // Execute request 
    RequestBuilder.execute(request, callback); 
    } 


} 

Конечно, если есть много сложного кода и просмотра потенциала быть сделанный с результатом сервера, вы можете снова поместить часть отображения в объект View, сохранить логику в контроллере и просто вызвать соответствующие функции View, чтобы отобразить все необходимое.