Question

I am performing a AJAX call after dismissing a Sheet. The problem is that when the slide transition finishes, Sencha unmasks the body, but AJAX request may still be running. How can I prevent the unmasking?

doSearch: function() {
    this.hide();

    // the controller handles this and tells the store to
    // load the data from an AJAX proxy
    this.fireEvent('search', ...);
}

Thanks.

Answer 1

There is no easy way of doing this unfortunately. It is deeply hooked into the layout system and trying to prevent it will result in a bunch of masking issues.

If you are using Sencha Touch 2, in your doSearch method, you could mask the the container immediately after hiding the sheet, so it looks like the mask has never disappeared.

this.getParent().setMasked(true);

And when the AJAX callback has finished:

this.getParent().setMasked(false);

You can also mask the viewport if you want to mask the entire screen:

Ext.Viewport.setMasked(true);