剑道的ListView没有显示/结合数据

我有剑道UI的ListView像以下：剑道的ListView没有显示/结合数据

<div ng-controller="patientSearchCtrl"> 
    <div kendo-list-view id="listView" k-data-source="source"> 
     <div class="product" k-template> 
      <h3>{{ dataItem.First_Name }}</h3> 
      <p>{{ dataItem.Last_Name }}</p> 
     </div> 
    </div> 
    <div kendo-pager k-data-source="source"></div> 
</div>

而继AngularJS代码：

angular.module("alertApp", ["kendo.directives"]) 
     .controller("patientSearchCtrl", function ($scope, $http) { 
      var product; 
      $http.get('http://localhost:1242/Api/PatientSearch?firstName=Bar&lastName=wells&pageIndex=0&pageSize=10&sortingOrder=FIRST_NAME'). 
       success(function (info, status, headers, config) {      
        product = info[0]["Table"]; 
        console.log(product); 
       }). 
       error(function (data, status, headers, config) { 
        console.log('Error: ' + data); 
       }); 
      $scope.source = new kendo.data.DataSource({ 
       data: product, 
       pageSize: 1 
      }); 
     });

的console.log（产品）;正在记录数据。在Chrome中，它看起来像：

[Object] 
     0: Object 
       DOB: "07-29-1969" 
       First_Name: "Barbara" 
       Last_Name: "Wells" 
       PatientKey: 3 
       RowIndex: 1

我在这里干什么？

来源

2015-03-13 Towhid

我不确定kendo列表视图是如何工作的，但尝试将一个空数组分配给'product'变量，然后将数据推送到$ http成功回调中的数组中。 – 2015-03-13 10:43:58

没有它的不工作。 – Towhid 2015-03-13 10:58:38

检查出这个thread_ http://stackoverflow.com/questions/19904048/how-to-populate-kendo-grid-with-an-angular-http-get-call它描述了如何使用angularjs $ http获取网格get 。 – opp 2015-03-13 14:05:58

尝试改变

$scope.source = new kendo.data.DataSource({ 
       data: product, 
       pageSize: 1 
      });

到

$scope.source = { 
       data: product, 
       pageSize: 1 
      };

或

$scope.source = product;

提供完整的选择。使用下面的代码

<div kendo-list-view k-options="source "></div> 

    $scope.source = { 
       dataSource: products, 
       template: "<div>#:First_Name#</div>" 
      };

来源

2015-06-10 10:39:59

剑道的ListView没有显示/结合数据

回答

相关问题