Show waitingpopup on request

[Martin Sickel]

Dear All

I try to archieve the following

I have created a simple webpage with a grid and a button.

Now I try to archieve the following 

       protected void btnLoad_Click(object Sender, Syncfusion.JavaScript.Web.ButtonEventArgs e)

        {

             // show waitingpopup

            loadDBDataAndShowInGrid();   // time to read the data is about 90 seconds

            //  hide waitingpopup

        }

How can I do this?

Thanks for helping.

Martin

[Kasithangam C]

Hi Martin,   

  

Thanks for contacting Syncfusion support.   

  

We had prepared a sample based on your requirement “while click button show the waiting popup and hide the popup after loading the grid data” and it is available under the following link:   

Sample: Sample 

In this above sample, we have shown the waiting popup in the client side event as shown below code: 

<code> 

//click event of button 

        function getData(e) { 

            var element = $("#<%=Grid.ClientID%>"); 

            if (element.ejWaitingPopup("model.showOnInit")) 

                element.ejWaitingPopup("hide"); 

            else 

            element.ejWaitingPopup("show");    

        } 

</code> 

Load the grid content in the code behind via button click as shown below code: 

<code> 

protected void GetData(object Sender, Syncfusion.JavaScript.Web.ButtonEventArgs e) 

        { 

            this.Grid.DataSource = OrderRepository.GetAllRecords().ToList(); 

            this.Grid.DataBind(); 

        } 

</code> 

After the content load to grid control, waiting popup will be hidden automatically. 

Regards, 

Kasithangam