Expand all rows - progress

2 posts, 1 answers
  1. Robert Madrian
    Robert Madrian avatar
    128 posts
    Member since:
    Apr 2003

    Posted 10 Feb Link to this post

    Hi,

    I use the following Code "grid.expandRow(grid.tbody.find("tr.k-master-row"));" to expand all rows and it works but it takes some time ( a few seconds)

    so I thought I use kendo.ui.progress to show the grid progress indicator during the expansion - but this doesn't work...
    what I'm doing wrong?
    how to show the progress indicator from/in the grid if a longer progress is taken place?
    robert

    var grid = $("#grdStandort").data("kendoGrid");
    kendo.ui.progress($("#grdStandort"), true);
    grid.expandRow(grid.tbody.find("tr.k-master-row"));
    kendo.ui.progress($("#grdStandort"), false);
  2. Answer
    Tsvetina
    Admin
    Tsvetina avatar
    1927 posts

    Posted 13 Feb Link to this post

    Hello Robert,

    There is probably some internal logic running at this point, for example the Grid data-binding that, upon finish, hides the progress indicator internally.
    What you can try is to show progress and call the expandRow method in the Grid dataBound event. Then, hide the progress in the detailExpand event of the Grid if the number of expanded rows equals the total number of rows.
    You can see a Dojo demonstrating this approach here: http://dojo.telerik.com/@tsveti/uJorAM/8.

    Regards,
    Tsvetina
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top