使用AngularJS在Kendo本地数据绑定网格中排序不能正常工作使用AngularJS
问题描述:
我正在使用AngularJs Kendo网格并绑定某些本地数据数组,这是服务请求的结果。网格排序行为工作正常,但是当附加到数组的一些新数据被反映在网格中时,排序失败。我在plunker以及dojo.telerik.com上尝试过一个示例,期望的行为可以正常工作。我不知道什么是错误的。在$ scope.gridColumns阵列 “串”,并检查:使用AngularJS在Kendo本地数据绑定网格中排序不能正常工作使用AngularJS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.3.930/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.3.930/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.3.930/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.3.930/styles/kendo.mobile.all.min.css"/>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2016.3.1118/js/kendo.all.min.js"></script>
</head>
<body>
<div ng-app="app" ng-controller="MyCtrl">
<div kendo-grid="grid"
k-data-source="gridData"
k-columns="gridColumns"
k-sortable="true"></div>
<button kendo-button ng-click="update()">
Update
</button>
</div>
<script>
angular.module("app", ["kendo.directives"]).controller("MyCtrl", function($scope) {
$scope.gridData = [
{ artist: "Pink Floyd", track: "The dark side of the Moon" },
{ artist: "The Beatles", track: "I've just seen a face" },
{ artist: "Queen", track: "Innuendo" }
];
$scope.gridColumns = [
{ field: "artist", title: "Artist" },
{ field: "track", title: "Track" }
];
$scope.update = function() {
$scope.gridData.push({
\t artist: "Prabha", track: "ABCDEFGHIJKL"
});
$scope.grid.dataSource.read();
};
});
</script>
</body>
</html>
答
能否请您补充类型。 下面是示例。
$scope.gridColumns = [
{ field: "artist", title: "Artist",type:"string" },
{ field: "track", title: "Track",type:"string" }];
你的示例代码工作正常,什么有问题的“K-一种”被忽略它? – lin
它在应用程序的外部工作正常,但是当我尝试将其集成到我的应用程序中时,它失败了 – Prabhakaran
m8,比你可能会告诉我们一个你的实现的例子而不是一个工作的例子吗? – lin