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

External template being rendered into page?!?

6 Answers 174 Views

Templates

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

Lisa asked on 08 May 2014, 08:31 PM

This is driving me nuts. I have a simple list view bound to some external json data. The list view uses an external template. It's working fine. However, the raw template is also rendering to the HTML in the page. WHY?!?!

<div id="listView"></div>

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

Category name: #=categoryName#, GL Code : #=glCode#<br><br>

</script>

<script>

$(function() {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "@routes.Assets.at("data/glcodes.json")" ,

dataType: "json"

}

});

$("#listView").kendoListView({

dataSource: dataSource,

template: kendo.template($("#template").html())

});

</script>

The rendered output:

Category name: One, GL Code : 11111

Category name: Two, GL Code : 22222

Category name: Three, GL Code : 33333

Category name: Four, GL Code : 44444

Category name: Five, GL Code : 55555

Category name: Six, GL Code : 66666

Category name: Seven, GL Code : 77777

Category name: Eight, GL Code : 88888

Category name: #=categoryName#, GL Code : #=glCode#<br><br>

Thanks in advance!

6 Answers, 1 is accepted

Accepted