Angular Slickgrid |如何动态关闭selectableOverride的checkboxSelector行选择

import { Component } from '@angular/core';
import { AngularGridInstance, Column, GridOption } from 'angular-slickgrid';

export class YourComponent {
  gridOptions: GridOption;
  columnDefinitions: Column[];
  dataset: any[];

  constructor() {
    this.columnDefinitions = [
      // 定义其他列...
      { id: 'checkbox', field: 'checkbox', name: '', width: 40, behavior: 'selectAndMove', selectable: true }
    ];

    this.gridOptions = {
      enableCheckboxSelector: true,
      enableRowSelection: true,
      checkboxSelector: {
        hideInFilterHeaderRow: false,
        hideInColumnTitleRow: true
      }
    };

    this.dataset = [
      // 填充数据...
    ];
  }
}

<angular-slickgrid gridId="grid1"
                   [columnDefinitions]="columnDefinitions"
                   [gridOptions]="gridOptions"
                   [dataset]="dataset"
                   (onAngularGridCreated)="angularGridReady($event)">
</angular-slickgrid>

export class YourComponent {
  angularGrid: AngularGridInstance;

  angularGridReady(angularGrid: AngularGridInstance) {
    this.angularGrid = angularGrid;
  }

  // 动态关闭selectableOverride的checkboxSelector行选择
  disableRowSelection() {
    this.gridOptions.enableRowSelection = false;
    this.angularGrid.grid.setOptions(this.gridOptions);
  }
}

<button (click)="disableRowSelection()">关闭行选择</button>