Loading / Progress control?

[Luke]

Hi,

I'm sure I am just missing something but how would I implement a simple loading animation on demand? I can see that it is included in the controls, for example the Grid control uses one when binding to data. But I would like to add them to my own script when performing AJAX calls etc. In a similar way to the ASP.NET Ajax library RadAjaxLoadingPanel

Could someone please show me an example?

Many thanks.

Luke

[Atanas Korchev]

Hello Luke,

You can try

kendo.ui.progress($("#someElementId"), true) to show the loading progress which the grid is using and 
kendo.ui.progress($("#someElementId"), false) to hide it.

The progress is currently tested only with the grid and requires the parent element to have its width and height set.

Regards,

Atanas Korchev
the Telerik team

[Nathan]

Guess it's too much to ask for a full code sample.  It's annoying when you guys answer in fragments.

[Sebastian]

Hello Nathan,

You can find a quick example in the API reference section of our documentation here.

Regards,
Sebastian
Telerik

 

 

[Nathan]

Like my previous post said:  Guess it's too much to ask for a full code sample.  It's annoying when you guys answer in fragments.

Do you have a full code sample...not a fragment. 

[Atanas Korchev]

Hi Nathan,

The API reference linked in our response contains a full example. You can run the code in trykendoui.telerik.com: http://trykendoui.telerik.com/@korchev/AREJ

Regards,
Atanas Korchev
Telerik

 

 

[Nathan]

still doesn't work.   progress not being shown.  i must not be explaining it right.

[Atanas Korchev]

Hello Nathan,

I've recorded a screencast which shows the progress indicator behavior at my side. What is different in your case? Does this demo work for you? Can you show us your code which doesn't work?

Regards,
Atanas Korchev
Telerik

 

 

[Nathan]

What you provided works fine when I run it as well.  When I integrate it in my code, it doesn't work.  Obviously I'm doing something wrong.

[Atanas Korchev]

Hi Nathan,

We are not sure how your code looks like and can't tell why it doesn't work. Providing your code or modifying our example so it replicates your scenario will allow us to provide assistance.

Regards,
Atanas Korchev
Telerik