Grid Style on Load

2 posts, 0 answers
  1. jim
    jim avatar
    2 posts
    Member since:
    Sep 2013

    Posted 21 Nov Link to this post

    I am currently refreshing the grid every 3 seconds on my page using the Javascript SetInterval function.  The grid is then reloading and displaying accurate information.  However, while the load is happening the grid flashes and looks disabled, then when the function returns it appears enabled again.   This is happening every three seconds so the grid is constantly flashing enabled/disabled.   Is there any way to override this functionality or CSS is can change? 

     

          setInterval(function () {
                var grid = $("#statistics").data("kendoGrid");
                if (grid != null) {
                    grid.dataSource.read();
                }
            }, 3000);

     

     

  2. Stefan
    Admin
    Stefan avatar
    1389 posts

    Posted 23 Nov Link to this post

    Hello, Jim,

    Thank you for the detailed scenario.

    The described effect is caused by the loading mask and it can be removed by hiding the mask DOM element.

    .k-loading-mask{
     display: none;
    }


    http://dojo.telerik.com/oYOke

    It will be only a small flash, but this is because the Grid DOM elements are re-rendered.

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 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