在异步调用完成 GWT 平台之前阻止方法调用



在我的GWT平台应用程序中,我实现了一种方法,其中一步是从服务器获取数据,下一步依赖于它。我想阻止我的方法进一步执行代码,直到异步调用完成。

应该是简单的事情,但我没有找到方法。

我认为你错过了关于网络是异步的要点。

异步调用完成之前阻止客户端代码的执行不被视为良好做法(相反,这是一种反模式)。

因此,在异步代码完成之前,不要阻止执行,请执行以下操作:

    创建一个事件,
  1. 当您的异步代码完成时,该事件在全局事件总线上触发
  2. 在演示者之一中附加此事件的处理程序
  3. 启动异步代码
  4. 显示加载指示器
  5. 异步调用完成后,隐藏加载指示器并在事件总线上触发事件
  6. 处理之前创建的处理程序中的下一步。

我不是GWT大师,但我知道如何以简单的方式做到这一点。如果有人告诉如何以正确的方式做到这一点,我将不胜感激,因为我也对它感兴趣。你可以只制作包含所需代码的方法并调用它 onSuccess 或做这样的事情:

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.Timer;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.RootPanel;
public class Aaa implements EntryPoint {
    private final MyServiceAsync service = GWT
            .create(MyService.class);
    private Timer t;
    public void onModuleLoad() {
        t = new Timer() {
            @Override
            public void run() {
                // Make something or call function
                Window.alert("Next Step");
            }
        };
        final Button sendButton = new Button("Send");
        sendButton.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                service.sendInfo("Send First Step Info",
                        new AsyncCallback<String>() {
                            @Override
                            public void onSuccess(String result) {
                                Window.alert("Success Call");
                                // Call Next step code or function
                                t.schedule(1);
                            }
                            @Override
                            public void onFailure(Throwable caught) {
                                Window.alert("Failure Call");
                            }
                        });
            }
        });
        RootPanel.get().add(sendButton);
    }
}

为什么要使用Timer

final Button sendButton = new Button("Send");
sendButton.addClickHandler(new ClickHandler() {
    @Override
    public void onClick(ClickEvent event) {
        service.sendInfo("Send First Step Info",
                new AsyncCallback<String>() {
                    @Override
                    public void onSuccess(String result) {
                        Window.alert("Success Call");
                          nextStep(result);
                    }
                    @Override
                    public void onFailure(Throwable caught) {
                        Window.alert("Failure Call");
                    }
                });
    }
});
private void nextStep(String data) {
}

我不得不更改原始流程,基本上将其移动到异步调用的onSuccess()。

最初,流程是

  1. 用户单击便便对话框的"确定"按钮
  2. 验证
  3. (一切都是前端验证),如果出现验证错误,则抛出异常并显示错误。 诊断日志未关闭。
  4. 成功验证后,继续数据处理并关闭对话框。

现在,在新的场景中,#2 验证已更改为需要异步调用回后端。因此,必须移动 #3 以链接到验证方法上的回调。'下面的代码片段

public void onValidationDataReady(List<Long> existingTests) throws ValidationException {
    if (!existingTests.isEmpty()) {
        throw new ValidationException("The entered name has already been used.");
    }
    //only after  the validation do we proceed with the original OK click 
    proceedOkClick(testNameField.getValue());
}
public void proceedOkClick(String data) {
    // proceed only after the async call
    if (callback != null) {
        callback.onDialogResult(true, data);
    }
    clearDialog();
}

public boolean validateInputs() throws ValidationException {
    //async call to get data from back end.
            //pass in a Callback 
    testNameValidator.validate(testNameField.getValue(), new DataReadyCallback<List<Long>>() {
        @Override
        public void onDataReady(List<Long> existingTests) {
            onValidationDataReady(existingTests);
        }
    });
    return true;
}
//The call back interface. 
public interface DataReadyCallback<T> {
void onDataReady(T data);
}

相关内容

  • 没有找到相关文章

最新更新