如何在显示下一个视图之前清除 RootPanel答案

【问题标题】：How to clear the RootPanel before displaying the next view如何在显示下一个视图之前清除 RootPanel
【发布时间】：2017-03-03 07:07:50
【问题描述】：

我正在使用 GWT Java，当我从 LoginView 移动到另一个视图时，我正在尝试删除作为 HTML 表单的一部分的 PayPal Donate 按钮（即清除 RootPanel）。我发现我应该使用：

    RootPanel.get("payPalDonate").clear();
    RootPanel.get().clear();
    RootPanel.get().getElement().setInnerHTML("");

这确实清除了表单，因此它不会出现在下一个视图中；但是，当显示下一个视图时，视图上的按钮、超链接和浏览器后退按钮不起作用。

代码在：

private void checkWithServerIfSessionIdIsStillLegal(String sessionID) {

    rpc = (DBConnectionAsync) GWT.create(DBConnection.class);
    ServiceDefTarget target = (ServiceDefTarget) rpc;
    String moduleRelativeURL = GWT.getModuleBaseURL() + "MySQLConnection";
    target.setServiceEntryPoint(moduleRelativeURL);

    AsyncCallback<Account> callback = new AuthenticationHandler<Account>();
    rpc.loginFromSessionServer(callback);
}

class AuthenticationHandler<T> implements AsyncCallback<Account> {
    @Override
    public void onFailure(Throwable caught) {
        RootPanel.get().add(new LoginView());
    }

    @Override
    public void onSuccess(Account result) {
        if (result == null) {
            RootPanel.get().add(new LoginView());
        } else {
            //if (result.getLoggedIn()) {
                RootPanel.get().clear();
                //RootPanel.get().add(new SelectPersonView());
                RootPanel.get().add(new LoginView());
            //} else {
                //RootPanel.get().add(new LoginView());
            //}
        }
    }

}

public void onValueChange(ValueChangeEvent<String> event) {

    RootPanel.get("payPalDonate").clear();
    RootPanel.get().clear();
    RootPanel.get().getElement().setInnerHTML("");

    //Get the historyToken value
    String historyToken = event.getValue();

    //Check the historyToken
    if (historyToken.startsWith("!"))
        historyToken = historyToken.substring(1);

    if (historyToken.length() == 0) {   
        //Initial entry
        RootPanel.get().clear();
        RootPanel.get().add(new LoginView());
    } else if (historyToken.equals("login")) {
        RootPanel.get().clear();
        RootPanel.get().add(new LoginView());
    } else if (historyToken.equals("goToVideo")) {
        RootPanel.get().clear();
        Window.Location.replace("https://www.youtube.com/user/GlyndwrBartlett");
    } else if (historyToken.equals("goToMetawerx")) {
        RootPanel.get().clear();
        Window.Location.replace("https://www.metawerx.net/");
    } else if (historyToken.equals("goToPrivacy")) {
        RootPanel.get().clear();
        RootPanel.get().add(new SecurityAndPrivacyView());
    } else if ...

在登录视图中：

    initWidget(verticalPanel);
    RootPanel.get("payPalDonate");

在html中：

       <div style="margin:auto" id="payPalDonate">
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                <input type="hidden" name="cmd" value="_s-xclick">
                <input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">
                <img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">
            </form>
        </div>

【问题讨论】：

标签： java html gwt paypal

【解决方案1】：

我正在阅读 Andrei 提供的链接。与此同时，我发现这些问题是通过以下方式解决的：

RootPanel.get().getElement().setInnerHTML("");

我试过了：

RootPanel.getBodyElement().removeChild(RootPanel.get("payPalDonate").getElement());

但是，这也解决了同样的问题。最后我找到了这个https://groups.google.com/forum/#!topic/google-web-toolkit/zVvY39blkY4

所以我将有问题的代码替换为：

RootPanel.get("payPalDonate").setVisible(false);

在我将控制权传递给另一个视图之前，我将代码放在了 LoginView 中。不是最优雅的；但是，在我消化了 Andrei 提供的信息之前，它一直有效。

【讨论】：

【解决方案2】：

通常在 GWT 中，RootPanel 永远不会被清除。当您启动应用程序时，您将一个容器传递给 RootPanel，然后将所有视图添加到该容器中或从该容器中删除。

就我个人而言，我的所有应用都使用Activities and Places 模式。此链接提供了如何更改主容器中的视图的示例。

【讨论】：