使用不同的 hper 链接链接 Kendo Grid 中的行/列

Question

我正在使用 Kendo Grid 来显示我的搜索结果。 下面是 Kendo Grid 的代码。

jQuery

$("#grid").kendoGrid({
  dataSource: {
    data: gridData,
    schema: {
      data: "Results"
    },
    pageSize: 20
  },
  height: 550,
  sortable : true,
  pageable: {
    refresh: true,
    pageSizes: true,
    buttonCount: 5
  },
  columns: gridData.viewFields
});
$("#grid").kendoGrid('refresh');

我正在向 gridData.viewFields 动态添加数据。 现在我正在尝试使行可点击并导航以动态显示项目形式。我在这里震惊了一段时间。非常感谢任何贡献。

谢谢。

Answer 1

首先，您需要通过设置selectable 属性的值来配置网格以允许行选择：

$("#grid").kendoGrid({
    selectable: "row"
    //Other configuration value...
});

然后，您必须监听change 事件，该事件将在用户更改网格选择时触发：

$("#grid").kendoGrid({
    //Other configuration value...
    change: function() {
        var selectedRow = this.select();
        //Insert your dynamic for logic here and user selectedRow to get the selected data
    }
});