Javascript 剑道模板集本地文件

Javascript 剑道模板集本地文件,javascript,kendo-template,Javascript,Kendo Template,我这里有一个剑道模板的代码。该代码在线获取Product.js文件,我已经下载了它,但我不知道如何在本地实现它 代码如下: (function() { var app = window.app = window.app || {}; var crudServiceBaseUrl = "http://demos.kendoui.com/service/Products"; app.products = new kendo.data.DataSource(

我这里有一个剑道模板的代码。该代码在线获取Product.js文件,我已经下载了它,但我不知道如何在本地实现它

代码如下:

  (function() {

      var app = window.app = window.app || {};
      var crudServiceBaseUrl = "http://demos.kendoui.com/service/Products";

      app.products = new kendo.data.DataSource({
        transport: {
          read:  {
            url: crudServiceBaseUrl,
            dataType: "jsonp"
          }
        }
      });
   ... //rest of code
Products.js的内容:

callback([{"ProductID":1,"ProductName":"Chai","UnitPrice":18,"UnitsInStock":39,"Discontinued":false},{"ProductID":2,"ProductName":"Chang","UnitPrice":19,"UnitsInStock":17,"Discontinued":false}])
还尝试了以下位置的本地数据虚拟化描述: 但是没有机会
感谢您的帮助

我在JSFIDLE中为本地数据做了一个演示

    var app = new kendo.mobile.Application(document.body);

 //create datasource
 var movieDataSource = new kendo.data.DataSource({
     data: [{
         name: "Jane Doe",
         age: "30",
         letter: "A"
     }, {
         name: "John Doe",
         age: "33",
         letter: "B"
     }]
 });

 //instantiate the list view 
 function loadListView() {
     $("#listView").kendoMobileListView({
         dataSource: movieDataSource,
         template: $("#listviewTemplate").html(),
         filterable: {
             field: "age",
             operator: "startswith"
         }
     });
 }