I want to display loading spinner when the grid starts loading the data. I using showloading plugin to achieve the same. The below is what happening currently
When the selects the menu, the page will be loaded with iGrid. I am using the below code to populate the grid which is inside a div container
.RowTemplate(" ") .ClientDataSourceType(ClientDataSourceType.JSON) .DataSourceUrl(Url.Action("GetValues")) .Width("975px") .Height("450px") .LocalSchemaTransform(true) .DataBind() .Render()
For showing the loading spinner in document.ready i have used as below
$("#igridValue").showLoading();
Till this point its working fine. Now i need to hide the loading spinner once the data is rendered. I tried the below code in document.ready but no luck its not working
$(document).delegate(".selector", "iggriddatarendered", function (evt, ui) { //return reference to igGrid ui.owner; $("#igridValue").hideLoading();}); //Initialize$(".selector").igGrid({ dataRendered: function(evt, ui) { $("#igridValue").hideLoading(); }});Let me know how can i use dataBound/dataRendered event or which is the event which i need to use to hide the Loading image. It will be great if you can help me out.Thanks,Suresh A
Hey,
the grid has a loading indicator out of the box, which shows / hides at the times you have described. Doesn't it work for you ? I mean do you see the built-in loading indicator ?
Other than that you can use dataBinding to show it, and datarendered to hide it.
Hope it helps. Thanks,
Angel
Nope its not working for me. Do i need to add any property for the same??? FYI i have used row template.... Let me know pls,