kendo-ui - 如何获得剑道 ui 网格排序事件？

Question

我目前有一个 Kendo-UI 网格。它有几列可供用户排序，效果很好。我还在每一行上都有一个详细信息链接，因此如果用户单击此链接，他们将被带到详细信息页面。我需要将当前排序作为值传递到详细信息页面。我怎样才能得到当前的排序？有我可以绑定的事件吗？谢谢

Answer 1

您可以随时使用sort 方法获取排序配置。

示例：成为grid您id的网格的。做：

// Get the grid object
var grid = $("#grid").data("kendoGrid");
// Get the datasource bound to the grid
var ds = grid.dataSource;
// Get current sorting
var sort = ds.sort();
// Display sorting fields and direction
if (sort) {
    for (var i = 0; i < sort.length; i++) {
        alert ("Field:" + sort[i].field + " direction:" + sort[i].dir);
    }
} else {
    alert("no sorting");
}

Answer 2

我今天遇到了这种需求，并了解到该事件现在已经存在于 2016 R3 版本 (2016.3.914) 中。

示例用法：

<div id="grid"></div>
<script>
  $("#grid").kendoGrid({
    columns: [
      { field: "name" },
      { field: "age" }
 ],
dataSource: {
  data: [
        { id: 1, name: "Jane Doe", age: 30 },
        { id: 2, name: "John Doe", age: 33 }
     ],
     schema: {
       model: { id: "id" }
     }
   },
   sortable: true,
    sort: function(e) {
      console.log(e.sort.field);
      console.log(e.sort.dir);
    }
  });
</script>

请参阅：http ://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-sort