2

我正在使用 GWTP 来构建我的 web 应用程序。这是我的问题。我有一个客户页面 (CustPresenter)。当访问该页面时,它将调用并从数据库加载数据。

加载所有数据可能需要一段时间,所以我希望我当前的浏览器锁定,以便用户在数据尚未完成下载时无法点击任何东西。

所以这就是我的想法。我想在进行 RPC 调用之前显示一个对话框,并在调用完成时隐藏它。看下面的代码:

public class CustPresenter extends
    Presenter<CustPresenter.MyView, CustPresenter.MyProxy> {

    private DialogBox loadingDialogBox=new DialogBox();

    @Inject DispatchAsync dispatchAsync;

    @Override
    public void prepareFromRequest(PlaceRequest request){
         super.prepareFromRequest(request);
         loadingDialogBox.show();
         GetData getDataAction=new GetData();
         dispatchAsync.execute(getDataAction, getDataCallback);

    }

    private AsyncCallback<GetDataResult> getDataCallback=new AsyncCallback<GetDataResult>(){

        @Override
        public void onFailure(Throwable caught) {
            loadingDialogBox.hide();
        }

        @Override
        public void onSuccess(GetVerbFromTripleResult result) {
             //show data here (it may take long time)
             loadingDialogBox.hide();
        }
   };
}

但是,在运行时,对话框仅显示 1 秒钟然后消失。之后,所有 UiBinder Guis 都会显示在客户页面上,用户可以在数据尚未完成下载时单击页面上的任何按钮。这不是正确的行为。

我想做这样的事情http://sqlfiddle.com/#!2/a2581/1。如您所见,当您第一次打开该链接时,会弹出一个加载面板并且您无法单击任何内容,直到所有 gui 出现。

我也尝试过自定义 AsyncCallback,但什么也没发生

public abstract class AsyncCall<T> implements AsyncCallback<T> {


    PopupPanel myp=new PopupPanel();
    /** Call the service method using cb as the callback. */
    public AsyncCall()
    {
        myp.setTitle("loading");
        myp.show();

    }

    public final void onFailure(Throwable caught) 
    {    
        myp.hide();

        onCustomFailure(caught); 
    } 

    public final void onSuccess(T result) 
    {       
        myp.hide(); 

        onCustomSuccess(result);     
    }
    /** the failure method needed to be overwritte */   
    protected abstract void onCustomFailure(Throwable caught);  

    /** overwritte to do something with result */
    protected abstract void onCustomSuccess(T result); 

}

那么,为什么我会遇到这个问题?

如何解决?

或者一般来说,在 GWTP 中的 RPC 调用期间显示“加载指示器”的最简单方法是什么?

4

1 回答 1

3

我找到了一个很酷的解决方案,那就是我们必须使用 WidgetPresenter 和 PopupPanel(比如 LoadingPresenter)。所以在我的自定义 AsyncCall 类中,我需要触发 loadingPresenter

public abstract class AsyncCall<T> implements AsyncCallback<T> {


    /** Call the service method using cb as the callback. */
    public AsyncCall()
    {
        Utility.eventBus.fireEvent(new ShowLoadingEvent(true));
    }

    public final void onFailure(Throwable caught) 
    {    
        //myp.hide();
        Utility.eventBus.fireEvent(new ShowLoadingEvent(false));
        onCustomFailure(caught); 
    } 

    public final void onSuccess(T result) 
    {       
        //myp.hide(); 
        Utility.eventBus.fireEvent(new ShowLoadingEvent(false));
        onCustomSuccess(result);     
    }
    /** the failure method needed to be overwritte */   
    protected abstract void onCustomFailure(Throwable caught);  

    /** overwritte to do something with result */
    protected abstract void onCustomSuccess(T result); 

}

要进行 RPC 调用,只需使用以下命令:

  private AsyncCall<GetDataResult> getDataCallback=new AsyncCall<GetDataResult>(){

        @Override
        public void onCustomFailure(Throwable caught) {

        }

        @Override
        public void onCustomSuccess(GetVerbFromTripleResult result) {
             //show data here (it may take long time)

        }
   };

然后它运行得非常顺利。

于 2013-10-27T03:03:08.093 回答