Progress Indicator on PopUp Window

6 posts, 0 answers
  1. Danilo
    Danilo avatar
    2 posts
    Member since:
    Aug 2014

    Posted 02 Oct 2014 Link to this post

    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!!
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 06 Oct 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Danilo
    Danilo avatar
    2 posts
    Member since:
    Aug 2014

    Posted 07 Oct 2014 in reply to Alexander Valchev Link to this post

    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
  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 08 Oct 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Keith
    Keith avatar
    7 posts
    Member since:
    Jan 2016

    Posted 20 May Link to this post

    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

  7. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1798 posts

    Posted 24 May Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET MVC is VS 2017 Ready