This is a migrated thread and some comments may be shown as answers.

Kendo grid virtual scrolling

1 Answer 176 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Palanisamy
Top achievements
Rank 1
Palanisamy asked on 14 Sep 2015, 07:03 AM

HI Team,

1. In Kendo grid,if i enable virtual scrolling also,I could not see the loading progress bar in my application. But in the demo i could see. Kindly help me.Below is my code.

 @(Html.Kendo().Grid<kendo_grid_with_web_api_and_ondemand.Models.ClientDetails>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(o => o.ClientID).Width(110);
        columns.Bound(o => o.ClientName).Width(130);
        columns.Bound(o => o.AppDesc).Width(280);
    })
    .Sortable()
    .Scrollable(scrollable => scrollable.Virtual(true))
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(100)
        .Read(read => read.Action("ClientDetailswithWcf_Read", "Home"))
     )
    )

2.My another doubt is I need to show,loading symbol with text like ,loading symbol - 1 to 50 records are loading,If i scroll again it should show with loading symbol and 51-100 records are loading.Kindly help me out

3.One more clarification is kindly provide the disadvantages of virtual scolling of kendo grid. Not technical perspective. Usablity perspective.

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 15 Sep 2015, 03:50 PM

Hello Palanisamy,

 

Straight to your questions: 

 

  1. I assume that the PageSize might be the reason why the loading icon is not shown. Could it be possible that the number of total items is less or equal to 100? I prepared a sample project that implements virtual scrolling and it works fine. 

 

   2. Due to the nature of the virtualization such functionality could not be implemented. The main idea of virtualization is to pre-fetch the data so the items will be loaded before they are actually needed. For example the user has not reached the 3rd page of items when they are requested. Given this if you try to implement such logic it is quite possible to face significant differences between the data that is being requested and the data that is currently shown in the grid. 

   3. My suggestion is to review the Virtual Scrolling article in order to become familiar with the virtual scrolling functionality and its limitations. 

 

Regards,
Boyan Dimitrov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Palanisamy
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or