使用gwt和gwtbootstrap3提交表單而不刷新頁面

Question

我正在爲gwt項目使用gwt和gwtbootstrap3。我的代碼看起來像

<b:NavbarForm pull="LEFT"> 
     <b:TextBox placeholder="Search" addStyleNames="col-lg-8"/> 
    </b:NavbarForm> 

現在，如果我在文本框中鍵入任何東西，按下回車鍵，GWT是重裝整個頁面，我不想要的，所有我想要的是得到從文本框中的值，並調用方法。有什麼辦法可以實現嗎？

僅供參考，如果我不使用NavbarForm，但我不能使搜索框內聯，我可以取值。

http://gwtbootstrap3.github.io/gwtbootstrap3-demo/#navbar

僅供參考，只是如果我換行的文本框中像NavbarText或NavbarNav的UI一些其它容器的更新被損壞。

Answer 1

這可能是gwtbootstrap3中的一個錯誤 - 他們最近做了一個Form小部件的修改。

但現在，你可以添加一個SubmitHandler您NavbarForm並取消SubmitEvent以防止它重新加載頁面：

navbarForm.addSubmitHandler(new SubmitHandler() { 
    @Override 
    public void onSubmit(SubmitEvent event) { 
     event.cancel(); 
    } 
}); 

當使用UiBinder的：

@UiHandler("navbarForm") 
void onNavbarSubmit(SubmitEvent event) { 
    event.cancel(); 
} 

注意，在這個案例SubmitEvent屬於org.gwtbootstrap3.client.ui.base.form.AbstractForm.SubmitEvent,而非com.google.gwt.user.client.ui.FormPanel.SubmitEvent。