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,
Nope its not working for me, I am not able to see any loading spinner when the grid loads. How can i contact the dev support team??
Also is that working in specific version?? I am using Infragistics version 3.11.2.2045.
Let me know. Also let me know how can i fire some method on databound event of the grid.
Do i need to add the grid in any update panes or something only then the loading spinner will work.
Also i tried the below code
//Initialize
$(
".selector"
).igGrid({
dataBound:
function
(evt, ui) {
}
});
Suresh,
no you don't need to add anything. you can refer to our samples.
thanks
Is it some thing like after fetching the data its taking some time to paint the screen??? I am able to see the loading spinner when there is some error and enters the debug mode but normally i am not able to. Let me know pls.
Hi Suresh,
i took another look at your code and noticed you do .RowTemplate(" "). Is this necessary? I mean you don't need this, unless you are defining a row template. Thanks