如何获得kendo ui网格排序事件?

时间:2013-05-15 02:30:13

标签: kendo-ui

我目前有一个Kendo-UI网格。它有一些用户可以排序的列,效果很好。我还在每一行都有一个详细信息链接,因此如果用户点击它,他们将被带到详细信息页面。我需要将当前排序作为值传递到详细信息页面。我如何获得当前的排序?我可以绑定一个事件吗? 感谢

2 个答案:

答案 0 :(得分:11)

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

示例:成为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");
}

答案 1 :(得分:0)

我今天遇到了这种需求,并了解到该活动现已在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