I am getting the same error when using MVVM binding although the DataSource pageSize property is set:
"the DataSource does not have page size configured. Page Size setting is mandatory for the mobile listview virtual scrolling to work as expected."
<
div
data-role
=
"view"
id
=
"home"
data-title
=
"Home"
data-model
=
"vm"
>
<
ul
data-role
=
"listview"
data-bind
=
"source: albumList, click: itemClick"
data-template
=
"album-template"
data-pull-to-refresh
=
"true"
data-endless-scroll
=
"true"
></
ul
>
<
script
type
=
"text/x-kendo-tmpl"
id
=
"album-template"
>
<
img
data-bind
=
"attr: { src: artwork }"
/>
<
div
class
=
"info"
>
<
h3
data-bind
=
"text: title"
></
h3
>
<
em
data-bind
=
"text: artist"
></
em
>
</
div
>
</
script
>
</
div
>
http://jsfiddle.net/bYKYE/315/
If I use data-soure="vm.albumList" instead then I lose all MVVM template binding capabilities and have to modify like so:
<
ul
data-role
=
"listview"
data-source
=
"vm.albumList"
data-bind
=
"click: itemClick"
data-template
=
"album-template"
data-pull-to-refresh
=
"true"
data-endless-scroll
=
"true"
></
ul
>
<
script
type
=
"text/x-kendo-tmpl"
id
=
"album-template"
>
<
img
src
=
"#:artwork#"
/>
<
div
class
=
"info"
>
<
strong
>#= title#</
strong
>
<
em
>#= artist#</
em
>
</
div
>
</
script
>
http://jsfiddle.net/bYKYE/313/
I would prefer not to refactor my entire app to implement a workaround for this bug. Is there a plan to correct the issue in upcoming releases?