javascript - 使用分页在网格中保留行复选框选择

Question

我有一个带有 Kendo 网格的 javascript 代码，当我进行搜索并获得结果时，我应该能够使用复选框从网格中选择项目。当我更改页面并选择更多项目时，问题就出现了，第 1 页中的选定项目消失了。我能够将所选项目存储在数组中，但未保留所选项目的实际复选框，这使得网格认为没有所选项目。

以下是我的一段代码，用于将所选项目存储在一个数组中。

groupMemberSearchGridOnDataBinding = function (e) {
  $(clsContentPanel).has(gridId).show();
  if (e.items.length === 0) {
    $(divGroupMemberSearch).attr(style, display + displayNone);
    $(plusMinusSearchMemberClick).addClass(clsPlus).removeClass(clsMinus);
    $(plusMinusSearchMemberClick).addClass(pnlCollapsed);
    $(toggleButton).find(hr).show();
    $(groupMemberCancelButton).show();
    $(groupMemberSaveButton).hide();
    hideLoadingDialog();
  }
  else {
    var grid = $(gridId).data("kendoGrid");
    var grid_radio = $(gridId).data(kendoGrid);
    var row = $(inputChecked, grid_radio.tbody).closest("tr");
    var gridDiagnosisData = [];
    for (var index = 0; index < row.length; index++) {                
      var selectedMemberInfo = {
        GroupPolicy: {
          MemberID: grid.dataItem(row[index]).TPLMemberID,
          MemberNumber: grid.dataItem(row[index]).TPLIndividualID,
          MemberName: grid.dataItem(row[index]).GroupMemberName,
          RelationshipDesc: "",
          CostAvoidanceDesc: "",
          CostAvoidanceDenialReasonDesc: "",
          PolicyDetailId: "",
          IsAdd: true,
          IsValid: true
        }
      };
      gridDiagnosisData.push(selectedMemberInfo.GroupPolicy)
    }
    if (row.length > 0) {
      retainCheckBoxSelection();
    }
    $(divGroupMemberSearch).attr(style, display + displayNone);
    $(plusMinusSearchMemberClick).addClass(clsPlus).removeClass(clsMinus);
    $(plusMinusSearchMemberClick).addClass(pnlCollapsed);
    $(toggleButton).find(hr).show();
    $(groupMemberCancelButton).show();
    $(groupMemberSaveButton).show();
    hideLoadingDialog();
  }
};

Answer 1

可以分两步完成。

1. 使用更改事件将行选择保存在数组中
2. 通过数据绑定(bind)中的迭代数组保留行选择事件

第一个 Telerik 文档已经有一个 documentation link

最后，这里是关于如何选择行的运行demo