Splash screen using Infragistics – WebDialogWindow control

Hello,

Recently I’ve been asked by customer how to use WebDialogWindow "Please wait message " notification. I’ve put together a small sample showing one possible implementation of such scenario. In this particular case the customer was using UpdatePanel and I had to subscribe to the UpdatePanlel request’s in order to be notified when the request begins and ends.

How the aspx page looks like:

    <asp:UpdatePanel runat="server" ID="UpdatePanel1">

    <ContentTemplate>

        <ig:WebDialogWindow ID="WebDialogWindow1"

        runat="server" Width="200px" Height="100px" Modal="true" Visible="true"

        WindowState="Hidden" InitialLocation="Centered">

            <Header CaptionText="Caption">

            </Header>

            <ContentPane>

            <Template>

                <asp:Label ID="Label1" Text="Please wait …." runat="server" />

            </Template>

            </ContentPane>

        </ig:WebDialogWindow>  

        <asp:CheckBox ID="CheckBox1" runat="server" />

        <asp:Button ID="Button1" runat="server" Text="Save" OnClick="Button1_Click" />

    </ContentTemplate>

</asp:UpdatePanel>

The interesting part comes here:

    <script type="text/javascript">

 

    //Add handlers to Begin and End requests raised by UpdatePanel

    var prm = Sys.WebForms.PageRequestManager.getInstance();

    prm.add_beginRequest(showWebdialogWindow);

    prm.add_endRequest(hideWebDialogWindow);

 

    function showWebdialogWindow() {

        var wdw =

        $find(‘<%=WebDialogWindow1.ClientID %>’);

        wdw.set_windowState($IG.DialogWindowState.Normal);

    }

 

    function hideWebDialogWindow() {

        var wdw =

        $find(‘<%=WebDialogWindow1.ClientID %>’);

        wdw.set_windowState($IG.DialogWindowState.Hidden);

    }          

</script>

So,  this is easy job 🙂

First I’m getting a reference to PageRequestManger object which allows me to subscribe handlers to page life cycle and then when request is being initiated by the control inside of UpdatePanel the function  showWebDialogWindow() is executed. When the request complete hideWebDialogWindow() function is raised and I’m hiding the WebDialogWindow

Regards,

Rado