Hi,<
br
>
<
br
>
I run into a problem with the sample code below and I am not sure what causes it. The problem is that the "temperatureLabel" gets display only once inside the for loop in the "myTemplate" template. <
br
>
<
br
>
<
br
>
var viewModel = kendo.observable({temperatureLabel: "Temperature", mydata:[]});<
br
>
<
font
style
=
"line-height: 1.65;"
>$.ajax({</
font
><
br
>
url: url,<
br
>
context: this,<
br
>
type: "GET",<
br
>
success: function(data) {<
br
>
this.viewModel.set("mydata", data);<
br
>
kendo.bind($("#view"), viewModel, kendo.mobile.ui); <
br
>
},<
br
>
error: function(xhr, statusText, errorThrown) {<
br
>
console.log(errorThrown);<
br
>
},<
br
>
timeout: 10000<
br
>
});<
br
>
<
br
>
<
div
id
=
"view"
><
br
>
<
ul
id
=
"taf-panelbar"
data-bind
=
"source: mydata"
data-template
=
"myTemplate"
></
ul
><
br
>
</
div
><
br
>
<
br
>
<
script
id
=
"myTemplate"
type
=
"text/x-kendo-template"
><
br
>
# for (var i = 0; i <
forecast.length
; i++) { #<br>
<
li
><
br
>
<
div
><
br
>
<
table
style
=
"border: 1px solid lightGray; border-radius:6px;"
><
br
>
<
tr
><
br
>
<
td
class
=
"label"
><
span
data-bind="text:temperatureLabel></
span
></
td
><
br
>
<
td
>:</
td
><
br
>
<
td
style
=
"text-align:left;"
><
span
>#=forecast[i].temperature#</
span
></
td
><
br
>
</
tr
> <
br
>
</
table
><
br
>
</
div
><
br
>
</
li
><
br
>
# }#<
br
>
</
script
><
br
>
<
br
>
Can someone shed some lights on this?<
br
>
<
br
>
Thanks,<
br
>
Kee