javascript - kendoui Grid & React : 可选行允许在每一页中选择一行

Question

通过设置selectable: row. 网格允许您在每个页面中选择一个项目。我只想在 Grid 中选择一行并将所选行限制为 1。

<Grid
        {...{
          dataSource: dataSource,
          sortable: sortable,
          selectable: selectable,
          scrollable: false,
          navigatable: true,
          filterable: filterable,
          allowCopy: allowCopy,
          pageable: pageable,
          perPage: perPage,
          editable: editable,
          change: e => e.sender.selectedKeyNames()),
          persistSelection: true,
          columns: [
            {
              template: "<span class='sl-select-check'></span>",
              attributes: { class: 'sl-select-check-td' }
            },
            ...columns
          ]
        }}
      />

Answer 1

在 React 中实现新版本的 Kendo Grid 会更容易： https ://www.telerik.com/kendo-react-ui/components/grid/selection/ 在这个演示中，选择代码是完全可定制的，并且状态of 如果一个项目被选中或没有在项目本身。

    if (!event.nativeEvent.ctrlKey) {
        this.state.data.forEach(item => item.selected = false);
    } 
    //this works across pages.