Kendo UI List View не отображает данные

Question

Я использую представление списка пользовательского интерфейса кендо. Но даже если я использую источник данных, я не вижу никаких данных в представлении списка.

Может ли кто-нибудь помочь мне?

Вот мой код,

Создан Диво #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> 

здесь я связать источник данных

Это не работает, хотя я связать data.Is есть какой-либо другой способ связывания данных

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

Поскольку вы сшиваться 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#.