Progress Indicator on PopUp Window

[Danilo]

Hi,

I'm using a grid with PopUp edit mode, using a template, declared like this:

...
.Editable(editable => editable
.Mode(GridEditMode.PopUp)
.TemplateName("CompanyEditorTemplate")
.Window(w => w.Title("Gestione Cliente")))
...

All works fine. But I'd like to add progress indicator to the window using this kendo.ui.progress($("#gridClienti"), true) but the problem is that I can't retrieve the window div element to pass to this function. I tried to add ID throw HtmlAttributes() method but it doesn't work.

Any suggestion will be appreciated.

Thanks!!

[Alexander Valchev]

Hello Danilo,

When do call the kendo.ui.progress($("#gridClienti"), true) method? It is possible that the Popup editor is not yet initialized (e.g. it does not exists in the DOM).
Please try to call the method at the edit event handler and let me know if the problem still persists.

function onEdit(e) {
  kendo.ui.progress(e.container, true);
}

Regards,
Alexander Valchev
Telerik

 

 

[Danilo]

Hello Alexander,

thanks for your reply.

kendo.ui.progress($("#gridClienti"), true) works fine but the busy indicator appear "on the grid" and not on the popup window. So the user can press the "update" button twice or more and, of course, the element is saved more then once. My goal is to place the busy indicator (or progress) on the popup window.

Thanks
​

[Alexander Valchev]

Hello Danilo,

This is correct. This is why I recommended to display the progress indicator for the editable container (the Popup window).
Did you tried using the code that I provided below? Do you have any issues with it?

function onEdit(e) {
  kendo.ui.progress(e.container, true);
}

Regards,
Alexander Valchev
Telerik

 

 

[Keith]

Resurrecting an old thread...

I have a MVC grid with a popup editor.  I am trying to get the progress indicator to display when I submit the popup form back to my (ajax) controller.  I have tried your suggestion and it certainly displays the progress spinner, *BUT* it displays when the form pops up and before any editing has taken place!

In my grid:

.Events(e => e.DataBound("onDataBound").Edit("onEdit"))

In my JS:

function onEdit(e) {
    kendo.ui.progress(e.container, true);
}

Which event fires when the POPUP is submitted?

TIA

[Konstantin Dikov]

Hello Keith,

If you need to display the progress indication when you submit the changes you could handle the Save event:

.Events(ev=>ev.Save("onSave"))

...

function onSave(e) {
    kendo.ui.progress(e.container, true);
}

Hope this helps.


Regards,
Konstantin Dikov
Telerik