0

コンテキストに応じて、多くの busyIndi​​cators を持つことは可能ですか? 私は4で試しましたが、うまくいきません（最後のbusyIndi​​catorだけが使用されているようで、非表示にすることはできません）：

コードは次のとおりです。

var myBusyIndicator1;
var myBusyIndicator2;
var myBusyIndicator3;
var myBusyIndicator4;
wlCommonInit(){
   myBusyIndicator1 = new WL.BusyIndicator('content', {text : 'Loading data 1'});
   myBusyIndicator2 = new WL.BusyIndicator('content', {text : 'Loading data 2'});
   myBusyIndicator3 = new WL.BusyIndicator('content', {text : 'Loading data 3'});
   myBusyIndicator4 = new WL.BusyIndicator('content', {text : 'Loading data 4'});
}
$('#myPage').on('showpage', function(e, ui){
   myBusyIndicator1.show(); // 'Loading data 4' is displayed in modal window
   //do some stuff
   myBusyIndicator1.hide(); // modal window still, and app is not responsive anymore
});
4

1 に答える 1

1

「ビジー インジケーターはシングルトンです。複数のビジー インジケーターを作成する場合、それらを表示してから非表示にすると、すべて非表示になります。」- アントン (出典)

たとえば、次のように、独自の「シングルトン」でラップすることができます。

var Busy = (function () {

    var busyObject;

    var _show = function (message, options) {

        //If you're using WL v6.0, 
        //see: https://stackoverflow.com/q/18501456/186909
        WL.ClientMessages.loading = message;
        //Others version of WL may not require 
        //the line above or the message parameter.

        busyObject = new WL.BusyIndicator('content', options);
        busyObject.show();
    };

    var _hide = function () {
        if (busyObject !== null) {
            busyObject.hide();
            busyObject = null;
        }
        //else no busy indicator to hide
    };

    return {
        show: _show,
        hide: _hide
    };

}());

//Usage:
Busy.show('message1', options1);
//Later...
Busy.hide();
//Later...
Busy.show('message2', options2);
//Later...
Busy.hide();

上記のコードはテストしていません。プロジェクトにコピー/貼り付けするためではなく、読者にアイデアを提供するためのものです。

于 2013-10-30T15:08:27.067 に答える