javascript - 在 Worklight 6.1 中调用 busyInd.hide() 之前，忙碌指示器会在 Android 中隐藏

Question

正在使用 IBM Worklight Studio 6.1.0.02-20160314-1430

我正在使用多页和适配器。 onSuccess 函数我正在加载另一个页面。并在页面加载后在 onSuccess 函数中编写 busyInd.hide() 。问题是繁忙指示器在页面加载之前隐藏。从适配器获得响应后，下一页将加载，但同时繁忙指示器会在加载下一页之前消失。仅在 Android 上发生这种情况，相同的代码在 IOS 和 WindowsPhone8 中运行良好。

this.form3Submit = function(){
        var sessionid="userID";
        busyInd.show();
        var invocationData = {
            adapter : "API_Adapter",
            procedure : "SomeSubmit",
            parameters : [sessionid],
            compressResponse : true
        };

        WL.Client.invokeProcedure(invocationData, {
            onSuccess : form3SubmitSuccess,
            onFailure : AdapterFail,                
            timeout: timeout
       });

};


form3SubmitSuccess = function(result){
    invocationResult = result.invocationResult;
    if(invocationResult.isSuccessful) {
        $("#contentData").load("Views/form4.html", null, function (response, status, xhr) {
                        referenceno = invocationResult.something.Response.somerefno;

                         if(referenceno != ''){
                            //some lines of code
                        }

                        if(invocationResult.something.STATUS.CODE == '0'){
                            //some lines of code
                            busyInd.hide();

                        }else{
                            //some lines of code
                            busyInd.hide();
                        }

                        ko.applyBindings(self, $(".dynamic-page-content").get(0));
                        busyInd.hide();
                    });
                }
            busyInd.hide();
    };

在 main.js 中声明忙碌指示器，如下所示

var busyInd;
function wlCommonInit(){
  busyInd = new WL.BusyIndicator('content', {text : 'Loading...'});
}

Answer 1

您正在将另一个页面加载到之前显示繁忙指示器的视口(viewport)中，实质上您正在通过完全替换 HTML 来删除繁忙指示器。这是预料之中的。

如果您希望在加载 form4.html 后仍然显示繁忙指示器。您需要在将该 HTML 页面加载到视口(viewport)后再次显示它。