指示器在loadmask sencha touch中不起作用

Question

I have applied load-mask at controller level.i have added custom message like "loading...". for the uses reference this will indicate, the page is loading. also i have set indicator:true. but i am not able to see the indicator. please any one help me. how to show the indicator to user.

My code is Here:

OnInitCompanyPage: function () {
        Ext.Viewport.setMasked({ xtype: 'loadmask', message: 'Loading...', indicator:true});
            Ext.data.JsonP.request({
                url: SLS.BRND.WEB.common.Constants.wcfBaseUrl + 'PropertyService.svc/GetCompanyDetail',              
                method: 'POST',
                callbackkey: 'callback',
                params: {
                    format: 'json'
                },
                callback: function (response, value, request) {
                    var localdata = JSON.stringify(value);
                    localStorage.setItem('PromoURL', localdata);
                    Ext.Viewport.setMasked(false);
                },
                failure: function (response, request) {
                }
            });             
    }

Answer 1

i am using sass style. in sass folder app.scss does not contain the keyword. @include sencha-loading-spinner; now i have added this one and complied.. now indicator is working fine and visible to see.

Answer 2

在最新版本中，mixin sencha-loading-spinner已经重命名为st-loading-spinner，所以现在你需要添加到你的app.scss

@include st-loading-spinner;