Load mask from code behind

[maephisto]

Hi!

Is it posible to show a load mask stating "Loading..." when the user click a button and some operations are happening behind ?

Thanks!

[nightik]

For mask page in the click listener handler code use following:

   Ext.getBody().mask('Loading...');

   Ext.getBody().unmask();

[maephisto]

For mask page in the click listener handler code use following:

   Ext.getBody().mask('Loading...');

   Ext.getBody().unmask();

Thanks!
Can i do this from c# ?

[Daniil]

Do you use DirectEvent?

If so, please use EevntMask.

Example

<ext:Button runat="server" Text="Test">
    <DirectEvents>
        <Click OnEvent="Button_Click">
            <EventMask ShowMask="true" Msg="Loading..." />
        </Click>
    </DirectEvents>
</ext:Button>

[maephisto]

Would this be possible by using
X.Body().Mask("Executing query..."); ?

I've tried this, but it didn't work...

[Daniil]

In the DirectEvent handler?

Well, .Mask() method generates the script to show a mask, but it's executed when the response is parsed on client side.

[maephisto]

I need to do it like this :
On the buttons OnDirectClick="btnExecute_Click" event, show the mask, do some work in the background, fill some grids, and after that unmask everything.
I need the mask so that the user knows that work is being done in the background.

[Daniil]

The solution is in the #4 post on this thread.

[maephisto]

Thanks! Could you please be more specific ?
I've tried the solution in post #4 , i can see the mask for a few moments and after that vanishes.
Can I control when the mask dissapears ?

[Daniil]

Well, if the mask disappears, it means that DirectEvent's response came on the client from server and parsed.

To hide a mask when you wish, please use the following config:

<ext:Button runat="server" Text="Test">
    <DirectEvents>
        <Click OnEvent="Button_Click" Before="Ext.net.Mask.show('Loading...');" />
    </DirectEvents>
</ext:Button>

Then call

Ext.net.Mask.hide()

in any moment you wish.