angularjs - KendoUI Grid 的 DataSource 参数映射的 data.sort 数组在第 3 列排序单击时变为未定义

Question

我有一个配置如下的数据网格：

<script>
angular.module("KendoDemos", [ "kendo.directives" ]);
function MyCtrl($scope) {
    $scope.mainGridOptions = {
        dataSource: {

            transport: {
                read: {
                    url: "http://localhost:8090/rest/mycodeapi/Salesman?app_name=mycode&fields=FirstName%2C%20LastName&include_count=true",
                    dataType : 'jsonp',
                    type: 'GET',
                    beforeSend: function (req) {
                        req.setRequestHeader('Authorization', 'b3pilsnuhsppon2qmcmsf7uvj6')
                    }
                },
                parameterMap: function(data, type) {
                    if (type == "read") {
                        // send take as "$top" and skip as "$skip"
                        return {
                            order: data.sort[0]['field'] + ' ' + data.sort[0]['dir'],
                            limit: data.pageSize,
                            offset: data.skip
                        };
                    }
                }
            },
            schema: {
                data : 'record',
                total: 'meta.count'
            },
            pageSize: 5,
            serverPaging: true,
            serverSorting: true,
            sort: { field: "SalesmanID", dir: "asc" }
        },
        sortable: true,
        pageable: true,
        mobile: 'phone',
        columns: [{
            field: "FirstName",
            title: "First Name"
        },{
            field: "LastName",
            title: "Last Name"
        }]
    };

}
</script>

问题是：在第一次单击任何列时，比如名字，它按升序排序，这很好。在第二次单击它按降序排序：仍然是预期的行为。然而，在第 3 次单击时，没有任何反应，控制台显示“未捕获的类型错误：无法读取未定义的属性‘字段’”。这意味着在第 2 次连续单击后 data.sort 数组会发生某些事情。

将不胜感激任何指针。

Answer 1

在第三次单击时，排序被删除。您可以修改您的脚本，如下所示：

 if (type == "read") {
   var params = {
       limit: data.pageSize,
       offset: data.skip
   };

   if (data.sort && data.sort.length > 0) 
     params.order = data.sort[0]['field'] + ' ' + data.sort[0]['dir'];

  return params;

 }

Answer 2

我知道这有点晚了，但我面临着同样的挑战，这就是我为解决问题所做的。

改变

sortable: true,

至

sortable: {
    allowUnsort: false
},