使用Angular Kendo進行劍道列表視圖時不顯示任何結果

Question

我正在使用Angular Kendo並建立一個列表。

<kendo-mobile-list-view id="myList" class="item-list" k-template="templates.myListTemp" k-data-source="myService.myDataSource">
</kendo-mobile-list-view>

我正在使用Kendo DataSource和ObservableArray為服務中的列表生成數據。

this.myDataSource = new kendo.data.DataSource({ data:this.myObservableArray });
this.myObservableArray.push({ key: "test", id:"test" });

每個人都按預期工作。

現在，我想在它們沒有記錄可顯示時顯示一條消息，在我顯示列表的地方，例如“沒有要顯示的記錄，請刷新”。

如何使用角度劍道實現此目的。
我看到Kendo JQuery的帖子很少，但是Angular Kendo卻沒有解決方案。

Answer 1

定義網格

 $('#grid').kendoGrid({ dataSource: employeeDataSource, dataBound: function () { DisplayNoResultsFound($('#grid')); }, 

javascript函數“ DisplayNoResultsFound”如下

 function DisplayNoResultsFound(grid) { // Get the number of Columns in the grid var dataSource = grid.data("kendoGrid").dataSource; var colCount = grid.find('.k-grid-header colgroup > col').length; // If there are no results place an indicator row if (dataSource._view.length == 0) { grid.find('.k-grid-content tbody') .append('<tr class="kendo-data-row"><td colspan="' + colCount + '" style="text-align:center"><b>No Results Found!</b></td></tr>'); } // Get visible row count var rowCount = grid.find('.k-grid-content tbody tr').length; // If the row count is less that the page size add in the number of missing rows if (rowCount < dataSource._take) { var addRows = dataSource._take - rowCount; for (var i = 0; i < addRows; i++) { grid.find('.k-grid-content tbody').append('<tr class="kendo-data-row"><td>&nbsp;</td></tr>'); } } } 

Answer 2

首先，您應該為myList實例添加一個名稱（ myList ）：

<kendo-mobile-list-view="myList" id="myList" class="item-list" k-template="templates.myListTemp" k-data-source="myService.myDataSource">
    </kendo-mobile-list-view>

然后，在您的控制器中：

$scope.myList.bind('dataBound',DisplayNoResultsFound)

您也可以在html中指定一些k-options ，並從角度控制器讀取這些選項（包括dataBound ）， 此鏈接對此有更多說明