Hi,
I try to bind my listview to a remote json-Datasource.
But nothing happens. No error message, but also no data render.
Maybe you can help me, finding out what's wrong with my code:
The list-view HTML Code:
The Template for my elements:
The Javascript Code to bind the remote json Data:
The result of the json code also seems ok. You can the it
I try to bind my listview to a remote json-Datasource.
But nothing happens. No error message, but also no data render.
Maybe you can help me, finding out what's wrong with my code:
The list-view HTML Code:
<
div
data-role
=
"view"
id
=
"home"
data-transition
=
"slide"
data-layout
=
"hbigLayout"
data-init
=
"mobileListViewTemplatesInit"
>
<
h1
>Gasthaus zur Wilden Ente</
h1
>
<
ul
id
=
"custom-listview"
></
ul
>
</
div
>
The Template for my elements:
<
script
type
=
"text/x-kendo-template"
id
=
"customListViewTemplate"
>
<
h3
class
=
"item-title"
>${Name}</
h3
>
<
p
class
=
"item-info"
>${Beschreibung}</
p
>
<
a
data-role
=
"button"
href
=
"${Url}"
class
=
"details-link"
>zum Termin</
a
>
</
script
>
The Javascript Code to bind the remote json Data:
var
dataSourceTermine =
new
kendo.data.DataSource({
transport: {
read: {
// the remote service url
group:
"Datum"
,
dataType:
"json"
}
}
});
function
mobileListViewTemplatesInit() {
$(
"#custom-listview"
).kendoMobileListView({
dataSource: dataSourceTermine,
template: $(
"#customListViewTemplate"
).html(),
headerTemplate:
"<h2>Termine am ${value}</h2>"
});
}
The result of the json code also seems ok. You can the it
at
http://www.wilde-ente.de/mobile/new/mobileHandler/Termine.ashx