Show waitingpopup on request

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

1 Reply

KC Kasithangam C Syncfusion Team August 26, 2016 11:16 AM UTC

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 


Loader.
Up arrow icon