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

Listview Mobile endless scroll pageSize and scroll to top with space

1 Answer 36 Views
HTML5, CSS, JavaScript
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
kwanchanok
Top achievements
Rank 1
kwanchanok asked on 11 May 2015, 10:28 AM

endless scroll not working when i set pageSize is 20,but if i set pageSize =10 endless scroll will work

below is my code

 var dataSource = kendo.data.DataSource.create({
                   data: data
                   , serverPaging: true
                  , pageSize:20
               });
   $("#lvSellingOut").kendoMobileListView({
                       dataSource: dataSource,
                        endlessScroll: true,
                       template: $("#evDetail").html()
                   });

 and i have another one problem is when i scroll back to top the first and second record is disapear and display space

 

1 Answer, 1 is accepted

Sort by
0
Martin Yankov
Telerik team
answered on 13 May 2015, 10:56 AM
Hi,

In order to bind the ListView endless scrolling feature to work as expected, you need to set the datasource.schema.total property. This is explained in the Mobile ListView Endless Scrolling docs article.

Try it out and let me know the results.

Regards,
Martin Yankov
Telerik
 

Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

 
Tags
HTML5, CSS, JavaScript
Asked by
kwanchanok
Top achievements
Rank 1
Answers by
Martin Yankov
Telerik team
Share this question
or