We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Wait image while filtering or sorting

Is there anyway to display an image that indicates that the command is proccessing when one performs a search, sort, or filter of a cell?

1 Reply

RD Rakesh D Syncfusion Team April 15, 2013 05:21 PM UTC

Hi Marc,

 

Thank you for your interest in Syncfusion products.

 

Query : Wait image while filtering or sorting ?

 

To achieve your requirement we suggest you to use “OnActionBegin” event of grid and hide the default waiting popup and  show the waiting popup which is created according to your requirement. During “OnActionComplete” event of grid  hide the waiting popup which is shown in OnActionBegin event. Please refer below code snippet for further details.

 

[ aspx ]

 

<%=Html.Syncfusion().WaitingPopup("mypopup")

                    .Skin(Skins.Office2007Blue)

                    .ShowImage(true)

                    .ImageUrl(Url.Content("~/Content/ajax-loader.gif"))

                    .TargetId("grid")

        %>

 

<%=Html.Syncfusion().Grid<MvcSampleApplication.Models.EditableOrder>("flatgrid")

.ClientSideEvents(events =>

                    {

                        events.OnActionComplete("complete");

                        events.OnActionBegin("begin");

                    })

. . . . .

 

 

<script type="text/javascript">

        function complete(sender, args) {

            var waitingObj = $find("mypopup");

            waitingObj.HidePopUp();

        }

 

        function begin(sender, args) {

            sender.HideWaitingPopup()

            var waitingObj = $find("mypopup");

            waitingObj.ShowPopUp();

        }

    </script>

 

 

For your convenience we have prepared a sample for the above scenario and it is attached below. Please refer to it.

 

 

Please let us know if you have any concerns.

 

Regards,

Rakesh D

 

 



sample Waiting popup_384f5f90.zip

Loader.
Live Chat Icon For mobile
Up arrow icon