使用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>

来源

2017-09-14 Prabhakaran

你的示例代码工作正常，什么有问题的“K-一种”被忽略它？ – lin

它在应用程序的外部工作正常，但是当我尝试将其集成到我的应用程序中时，它失败了 – Prabhakaran

m8，比你可能会告诉我们一个你的实现的例子而不是一个工作的例子吗？ – lin

能否请您补充类型。下面是示例。

$scope.gridColumns = [ 
{ field: "artist", title: "Artist",type:"string" }, 
{ field: "track", title: "Track",type:"string" }];

来源

2017-09-14 11:11:10

参考here - 因为没有“排序”为DropDownList中没有一个“排序”配置选项

来源

2017-09-14 11:48:40 Sujatha

使用AngularJS在Kendo本地数据绑定网格中排序不能正常工作使用AngularJS

回答

相关问题