show mask

[l0vl0v]

Dear all,

I am using a toolbar button as following :
client side:

<ext:ToolbarButton ID="btnFilter" OnClientClick="Filter();" runat="server" Icon="Find"


Width="50px" >


<ToolTips>


<ext:ToolTip ID="toolTipFilter" runat="server">


</ext:ToolTip>


</ToolTips>


</ext:ToolbarButton>

server side:

protected void btnFilter_Click(object sender, AjaxEventArgs e){------}

I need to mask the page on the toolbarbutton click event and unmask the page when the execution of the event is done.

same issue for the combobox.

<ext:ComboBox ID="cmbStatus" runat="server" Width="125px" StoreID="strStatus" DisplayField="text"


ValueField="value">





<SelectedItem Value="all" />


<Listeners>


<Select Handler="reloadGrids();" ></Select>


</Listeners>


</ext:ComboBox>

Thank you in advance for your help.

[geoffrey.mcgill]

Hi sunshine,

You can enable the whole page mask by configuring the <EventMask> innerproperty of the AjaxEvent and setting ShowMask="true".

Example

<ext:Button runat="server" Text="Submit">
    <AjaxEvents>
        <Click OnEvent="Button1_Click">
            <EventMask ShowMask="true" />
        </Click>
    </AjaxEvents>
</ext:Button>

Hope this helps.