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
    }
});

将Kendo Grid中的行/列链接到不同的hper链接

1 个答案: