Как остановить GWTBootstrap3 от обновления и потери моего ввода и возврата кода ошибки

Question

Я пытаюсь использовать GWTootstrap3 со следующим HTML:

<div class="row myheader">
    <div class="col-md-4">
        <img class="myimg" alt="Bootstrap Image Preview" src="logo.png" />
    </div>
    <div class="col-md-4">
        <h2> Welcome to the Award Tracker Login Page. </h2>
    </div>
    <div class="col-md-4">
        <img class="myimg  pull-right" alt="Bootstrap Image Preview" src="1stER_icon_256.png" />
    </div>
</div> <!-- /row -->

<div class="row">
    <div class="col-md-12" style="text-align: center;">
        <h3> <a href="https://www.youtube.com/user/GlyndwrBartlett">Instructional videos</a> </h3>
    </div>
</div> <!-- /row -->

<div class="row">
    <div class="col-md-12" style="text-align: center;">
        <h3> <a href="https://www.metawerx.net/">Proudly supported by Metawerx - Specialising in Java hosting since 1997.</a> </h3>
    </div>
</div> <!-- /row -->

<div class="row">
    <div class="col-md-12" style="text-align: center;">
        <button id="privacyPolicy" class="btn btn-large btn-primary" type="submit">Privacy and Security Policy</button>
    </div>
</div> <!-- /row -->

<div class="row">
    <div class="col-md-12">
        <form class="form-signin">
            <h2 class="form-signin-heading">Please sign in</h2>
            <input id="accountName" type="text" class="input-block-level" placeholder="Email address">
            <input id="enterPassword" type="password" class="input-block-level" placeholder="Password">
            <button id="submit" class="btn btn-large btn-primary" type="submit">Sign in</button>
        </form>
    </div>
</div> <!-- /row -->

<div class="row">
    <div class="col-md-12" style="text-align: center;">
        <button id="createAccount" class="btn btn-large btn-primary" type="submit">Create an Account</button>
        <button id="updateAccount" class="btn btn-large btn-primary" type="submit">Update Account</button>
        <button id="forgotPassword" class="btn btn-large btn-primary" type="submit">I forgot my password <img src="sadFace.jpg" width="10" /></button>
    </div>
</div> <!-- /row -->

Всякий раз, когда я нажимаю кнопку входа (или нажимаю ввод), страница обновляется, и я теряю введенную информацию. Это также приводит к ошибке:

"Возвращаемое значение = com.google.gwt.user.client.rpc.StatusCodeException: 0" возвращается в программу. Как мне остановить обновление страницы, пожалуйста? Для вызова я использую следующее: btnSignIn.addClickHandler(new ClickHandler() { public void onClick(событие ClickEvent) {

Answer 1

Поскольку вы используете форму, страница обновляется.

Вы можете просто сделать это:

1) переключите <form> в <div>

2) удалить type="submit" с кнопки

Вот и все, что вы сделали.

Answer 2

Виджет формы GwtBootstrap создает истинное <form> тег, который пытается отправить данные формы в целевой объект после нажатия кнопки отправки или ENTER. Чтобы предотвратить такое поведение, укажите это для виджета формы:

<b:Form submitOnEnter="false">