This is a migrated thread and some comments may be shown as answers.

Model property cannot be re-use inside a html template for loop.

1 Answer 106 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Kee asked on 15 Jul 2013, 10:32 PM

Hi, 

 

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>

 

var viewModel = kendo.observable({temperatureLabel: "Temperature", mydata:[]}); 

<font style="line-height: 1.65;">$.ajax({ 

url: url, 

context: this, 

type: "GET", 

success: function(data) { 

this.viewModel.set("mydata", data); 

kendo.bind($("#view"), viewModel, kendo.mobile.ui); 

}, 

error: function(xhr, statusText, errorThrown) { 

console.log(errorThrown); 

}, 

timeout: 10000 

}); 

 

<div id="view"> 

<ul id="taf-panelbar" data-bind="source: mydata" data-template="myTemplate"></ul> 

</div> 

 

<script id="myTemplate" type="text/x-kendo-template"> 

# for (var i = 0; i < forecast.length; i++) { # 

<li> 

<div> 

<table style="border: 1px solid lightGray; border-radius:6px;"> 

<tr> 

<td class="label"><span data-bind="text:temperatureLabel></td> 

<td>:</td> 

<td style="text-align:left;">#=forecast[i].temperature#</td> 

</tr> 

</table> 

</div> 

</li> 

# }# 

</script> 

 

Can someone shed some lights on this? 

 

Thanks, 

Kee

Model property cannot be re-use inside a html template for loop.

1 Answer, 1 is accepted