剑道移动列表视图-can'无法将其填充到远程源中

Kendo MobileListView - can't get it to populate on remote source

本文关键字：填充 程源中 列表 移动 视图 -can      更新时间：2023-09-26

我试图用远程源填充kendoMobileListView和kendoListView，但我无法用数据填充。

ItemBound事件似乎未启动。

如果我使用本地数据源，那么它就可以工作。

HTML:

  <div data-role="view" data-use-native-scrolling="true" data-layout="default" data-title="Mobile-layout">  
    <div id="items-listview"></div>
  </div>
  <!-- Main Layout -->
  <div data-role="layout" data-id="default">
    <header data-role="header">
      <div data-role="navbar"><span data-role="view-title"></span></div>
    </header>
    <!-- View Content -->
    <div data-role="footer">
      <div data-role="tabstrip">
        Footer
      </div>
    </div>
  </div>

Javascript：

$(document).ready(function(){
    kendoApp = new kendo.mobile.Application($(document.body));
    var myDataSource = new kendo.data.DataSource({
        transport:{
            read: {
                url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers",
                dataType: "odata"
            }
        }
    });
    /*
    $("#items-listview").kendoMobileListView({     
            dataSource: {
              data: [
                { name: "Test 1" },
              { name: "Test 2" }
              ]
           },
      template: "<div>Blalbalblaa</div>"
    });
    */
        $("#items-listview").kendoMobileListView({     
            dataSource: myDataSource,
      template: "<div>blalbalal</div>"
    });    
});

请看我的小提琴：http://jsfiddle.net/jasonBr81/3zjtcwr0/38/

将数据类型更改为"jsonp"并将url更改为http://demos.telerik.com/kendo-ui/service/products，返回一个json对象。

然后它就工作了！

相关文章：