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

每一个都按预期工作。

现在我想显示一条消息，当他们没有要显示的记录时，在我显示列表的地方，例如＆＃34;没有记录显示，请刷新＆＃34;。

如何使用棱角剑道实现这一目标我看到很少有关于Kendo JQuery的帖子，但没有Angular Kendo的解决方案。

Answer 1

定义网格

＆＃13;

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

＆＃13;

javascript函数＆＃39; DisplayNoResultsFound＆＃39;如下

＆＃13;

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

＆＃13;

Answer 2

首先，您应该为您的kendo实例（def deleteObject(self): sender = self.sender() #var of object that sent the request row_number = sender.objectName().split("_") number = row_number[1] x,y = Constents.analysisDetails[str(number)]# getting xy for object self.loadPicture.findAndRemoveAnalysisPoint(x,y) #calling the class with the scense to delete it Constents.analysisDetails.pop(str(number)) # get rid of the object in the variables # get the viewport coords of the item-widget pos = self.History_List.viewport().mapFromGlobal( sender.mapToGlobal(QtCore.QPoint(1, 1))) if not pos.isNull(): # get the item from the coords item = self.History_List.itemAt(pos) if item is not None: # delete both the widget and the item widget = self.History_List.itemWidget(item) self.History_List.removeItemWidget(item) self.History_List.takeItem(self.History_List.row(item)) widget.deleteLater()）添加一个名称：

myList

然后，在你的控制器中：

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

你也可以在html中指定一些$scope.myList.bind('dataBound',DisplayNoResultsFound)并从角度控制器中读取这些选项（包括k-options），this link explains more about it

对于剑道列表视图，使用Angular Kendo不显示任何结果

2 个答案: