Kendo UI列表視圖不顯示數據

Question

我使用kendo UI列表視圖。但即使我使用數據源，在列表視圖中也看不到任何數據。

有人可以幫我嗎？

這裏是我的代碼，

創建一個div #listView和模板。然後試圖將數據綁定到列表視圖

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

這是我使用的模板

使用Kendo UI創建的模板

<script type="text/x-kendo-tmpl" id="template" > 
    <div class="product">  
     <h3>#:title#</h3> 
     <p>#:kendo.toString(year, "c")#</p> 
    </div> 
</script> 

在這裏，我綁定數據源

這不工作，雖然我綁定數據

var dataSource1 = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      dataType: "json", 
      data: [ 
       { title: "Star Wars: A New Hope", year: 1977 }, 
       { title: "Star Wars: The Empire Strikes Back", year: 1980} 
      ] 
     } 
    } 
}); 

$("#listView").kendoListView({ 
    dataSource: dataSource1, 
    template: kendo.template($("#template").html()) 
}); 

Answer 1

任何其他方式綁定data.Is有因爲您結合您的ListView到本地數據，不需要調用傳輸...只需將數據直接綁定到數據源：

var dataSource1 = new kendo.data.DataSource({ 
    data: [ 
     { title: "Star Wars: A New Hope", year: 1977 }, 
     { title: "Star Wars: The Empire Strikes Back", year: 1980} 
    ] 
}); 

您可以在這裏看看數據源的演示頁面：http://demos.kendoui.com/web/datasource/index.html。 PS：順便說一下，格式「c」是貨幣（請參閱documentation）。在這裏，您可以直接撥打您的模板中的年份：#:year#。