I have a site where I am mixing mobile and desktop widgets, in some cases I show a mobile widget if viewed on a mobile device. I am trying to use the mobileListView with the below code.
01.
<
script
id
=
"tmp"
type
=
"text/x-kendo-template"
>
02.
03.
<
p
>#: name # <
span
>Age: #: age #</
span
></
p
>
04.
</
script
>
05.
<
script
>
06.
07.
var dataSource = new kendo.data.DataSource({
08.
data: [
09.
{ name: "Jane Doe", age: 30 },
10.
{ name: "John Doe", age: 33 }
11.
]
12.
});
13.
14.
$("#lv-detail").kendoMobileListView({
15.
dataSource: dataSource,
16.
pullToRefresh: true,
17.
template: kendo.template($("#tmp").html())
18.
});
19.
</
script
>
I get an error stating Cannot read property 'setOptions' of undefined. I have followed the instructions here on using mobile widgets with desktop:
http://docs.telerik.com/kendo-ui/mobile/regular-usage
I have version v2015.2.624 of the components.
You can see the issue here:
http://dojo.telerik.com/oQAtO
If you remove the pullToRefresh attribute the list view renders