Currently, I am utilizing the kendo ui mobile listview and encountering an issue when setting endlessScroll or loadMore to true. The problem arises as the listview only displays the first item in such instances.
Upon inspecting with Chrome inspector, I observed that the UL tag has a height of 37px. However, adjusting this height to 400px or beyond allows the other items to be displayed.
I am seeking guidance on where I may have made an error in my approach?
$("#myListview").kendoMobileListView({
dataSource: new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
type: 'Get',
url: url,
success: function (result) {
options.success(result);
},
error: function (result) {
options.error(result);
},
crossDomain: true
})
}
},
schema: {
total: function () { return myCount }
},
serverPaging: true,
serverSorting: true,
pageSize: 20
}),
template: $("#myListview_template").text(),
appendOnRefresh:true,
endlessScroll: true,//list works fine when false or by default
style: "inset",
click: function (e) { console.log(e.dataItem);},
});