自定义在Kendo网格上排序，可编程触发

我有一个kendo网格，并希望某些行在排序后保持固定在网格顶部。我可以通过在每列上指定一个自定义排序来实现这一点。例如：自定义在Kendo网格上排序，可编程触发

var ds = new kendo.data.DataSource({ 
    data: [ 
     { name: "Jane Doe", age: 30, height: 170, pinToTop: false }, 
     { name: "John Doe", age: 33, height: 180, pinToTop: false }, 
     { name: "Sam Doe", age: 28, height: 185, pinToTop: true }, 
     { name: "Alex Doe", age: 24, height: 170, pinToTop: false }, 
     { name: "Amanda Doe", age: 25, height: 165, pinToTop: true } 
    ] 
}); 

$('#grid').kendoGrid({ 
    dataSource: ds, 
    sortable: {mode: 'single', allowUnsort: false}, 
    columns: [{ 
     field: "name", 
     title: "Name", 
     sortable: { 
      compare: function (a, b, desc) { 
       if (a.pinToTop && !b.pinToTop) return (desc ? 1 : -1); 
       if (b.pinToTop && !a.pinToTop) return (desc ? -1 : 1); 
       if (a.name > b.name) return 1; 
       else return -1; 
      } 
     } 
    } 
    //Other columns would go here 
    ] 
});

当网格按用户单击列标题进行排序时，此工作正常。但是，如果我想使用Javascript代码，像这样排序的网格：

$('#grid').data('kendoGrid').dataSource.sort({field: 'age', dir: 'asc');

的pinToTop字段被忽略。这是因为排序在DataSource上执行，但自定义排序逻辑是网格的一部分。

JSFiddle Example

我需要：

能够在数据源指定自定义排序逻辑，所以，当我整理使用JavaScript，固定行留在上面的数据源。

或者：

能够执行一种网格本身，而不是数据源，从JavaScript。

来源

2014-10-29 AlliterativeAlice

可以执行自定义排序在服务器端？ – CSharper 2014-10-29 17:46:41

这是不太我想要的东西，但我可以通过排序多个字段和第一包括pinToTop领域来解决这个问题：

$('#grid').data('kendoGrid').dataSource.sort([{field: 'pinToTop', dir: 'desc'},{field: 'age', dir: 'asc'}]);

来源

2014-10-29 18:12:39 AlliterativeAlice

这是一个老问题，但在这里对于那些遇到这个问题的人来说，就像我一样。

定义比较的功能，并把它传递给数据源：

var compareName = function (a, b, desc) { 
      if (a.pinToTop && !b.pinToTop) return (desc ? 1 : -1); 
      if (b.pinToTop && !a.pinToTop) return (desc ? -1 : 1); 
      if (a.name > b.name) return 1; 
      else return -1; 
     } 

$('#grid').data('kendoGrid').dataSource.sort({field: 'age', dir: 'asc', compare: compareName);

作品版本2017.2.621

来源

2017-09-28 18:18:29 Lee

自定义在Kendo网格上排序，可编程触发

回答

相关问题