0

我这里有一个来自剑道模板的代码。该代码在线获取 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}])

还尝试了本地数据虚拟化描述：http ://demos.telerik.com/kendo-ui/mobile-listview/local-virtualization 但没有机会谢谢您的帮助

4

1 回答 1

1

在这里，我在 jsfiddle 中为本地数据做了一个演示

    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"
         }
     });
 }

http://jsfiddle.net/chanaka1/x09tk3xm/2/

于 2014-08-26T09:20:32.353 回答