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

WaitingPopup never shows when data is loading...

I have a multiple grids on a single page. All doing different things. Some are using row templates, others are just normal tables. For the most part they are working wonderfully, but none of them show the WaitingPopup when data is loading. It doesnt matter if I load the data on page load, or load the data on a button click.  All of my data is being served via partialviews and viewmodels.

For example: I have a partialview that allows a user to select a value from a dropdown. Then they click a search button and it opens a dialog containing an ejGrid and displays the results...

        public ActionResult SearchBestSpecialties(int slidekitId)
            var data = _slidekitRepository.SearchBestSpecialties(slidekitId);
            return Json(new { Items = data });

@{Html.EJ().Dialog("dlgBestSpecialtySearch").Title("AbbVie Best Specialty Search").ContentTemplate(@<div>
        The following is a list of approved specialties for:
        <span id="spnBestSpecialtySearchSelectedSlidekitTitle"></span>
    .ScrollSettings(scroll => { scroll.Height(375).Width("100%"); })
    .Columns(c =>
        c.Field("FullName").HeaderText("Approved Specialties").Add();

That data is huge and can take about 30 seconds to load. the Dialog opens and the grid shows but it initially shows "No records to display". Now if you sit long enough, the data suddenly loads up. I never see a WaitingPopup, though. And every one of your demo examples seem to show one. What am I missing?

3 Replies

BM Balaji Marimuthu Syncfusion Team February 9, 2016 09:19 AM UTC

Hi Corey,

Thanks for contacting the Syncfusion support.

By default, the waiting popup will display when binding the remote DataSource in the Grid Ex: (ds=> ds.URL(“/Grid/Data”)). It doesn’t display while binding the local DataSource. If we bind the local IEnumerable data to Grid through button click and want to show the waiting popup, you have use show method to display waiting popup in Grid before binding the data and use hide method to hide waiting popup in success event.

Refer to the sample and code example as below.

Sample: Sample-Partialview

<script type="text/javascript">

    $(function () {


            text: "Button",

            click: function (args) {

                $("#FlatGrid").ejWaitingPopup("show"); //you can show the waiting popup- before bind the data to grid


                    url: "/Grid/Edit",

                    type: "GET",

                    success: function (data) {

                        $("#FlatGrid").ejGrid("model.dataSource", data.Items);

                        $("#FlatGrid").ejWaitingPopup("hide");  //hide waiting popup – after bind the data to Grid


                    error: function (xhr) {







Refer to the Help Documents:

If you face any issue, kindly share the full sample with how do you bind the dataSource to Grid or modify the sample as issue reproducible.

Balaji Marimuthu

CT Corey Thompson February 9, 2016 03:24 PM UTC

Thank you, Balaji. I had assumed as much but I wanted to be sure I wasn't missing something - I wanted to be sure I did it properly. You guys are great as always.

BM Balaji Marimuthu Syncfusion Team February 10, 2016 05:31 AM UTC

Hi Corey,

Thanks for the update.

We are happy that the provided solution helped you. Please get back to us if you need any further assistance.

Balaji Marimuthu

Live Chat Icon For mobile
Up arrow icon