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...
Controller
[HttpPost]
public ActionResult SearchBestSpecialties(int slidekitId)
{
var data = _slidekitRepository.SearchBestSpecialties(slidekitId);
return Json(new { Items = data });
}
PartialView
@{Html.EJ().Dialog("dlgBestSpecialtySearch").Title("AbbVie Best Specialty Search").ContentTemplate(@<div>
<p>
The following is a list of approved specialties for:
</p>
<p>
<span id="spnBestSpecialtySearchSelectedSlidekitTitle"></span>
</p>
@(Html.EJ().Grid<BestSpecialty>("grdBestSpecialtySearch")
.Datasource(Model.BestSpecialties)
.AllowScrolling()
.AllowSorting()
.ScrollSettings(scroll => { scroll.Height(375).Width("100%"); })
.Columns(c =>
{
c.Field("FullName").HeaderText("Approved Specialties").Add();
}))
</div>).ShowOnInit(false).Width(735).Height(615).IsResponsive(true).Render();}
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?