根据 if 条件将 enableCheckboxSelector 设置为 false

如何解决根据 if 条件将 enableCheckboxSelector 设置为 false

我正在使用 angular slickgrid & 默认情况下，我在网格选项中将 enableCheckboxSelector 设置为 true。但是基于下拉列表中的值更改，我想隐藏所有行的复选框，所以我写了

`if(isReadOnly){
this.gridOptions.enableCheckboxSelector = false;
}
else{
this.gridOptions.enableCheckboxSelector = true;
}`

但它没有按预期工作。谁能帮我解决这个问题。 谢谢。

解决方法

您误解了这是如何工作的，enableCheckboxSelector 网格选项是显示（或不显示）行选择列。如果您将该选项设置为 false，那么您将删除整个列（这根本不是您想要的）。

您需要的是 selectableOverride，它显示在此 Row Selection - Wiki 中。 Wiki 上有大量信息供您阅读。

this.gridOptions = {
      enableRowSelection: true,enableCheckboxSelector: true,checkboxSelector: {
        // you can override the logic for showing (or not) the expand icon
        // for example,display the expand icon only on every 2nd row
        selectableOverride: (row: number,dataContext: any,grid: any) => (dataContext.id % 2 === 1)
      },multiSelect: false,rowSelectionOptions: {
        // True (Single Selection),False (Multiple Selections)
        selectActiveRow: true,},};

如果您想事后更改网格选项，您可以通过网格（SlickGrid 网格对象）和 setOptions 方法（请参阅 SlickGrid & DataView Objects）来实现

注意：仅更改 enableCheckboxSelector 不会将其从 UI 中删除，因为行选择现在是列定义中的一列。因此，如果您首先显示然后想删除它，则必须自己从 columnDefinitions 数组中删除它，如果要重新添加它，则最好在删除之前保留该列的副本因为 Angular-Slickgrid 不会自己做。换句话说，Angular-Slickgrid 会添加行选择器列，但不会删除它，你必须自己做这部分。

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

changeGridOptions() {
  const isReadyOnly = false; // whatever your code logic is here...
  this.angularGrid.slickGrid.setOptions({ enableCheckboxSelector: isReadyOnly });
  if (isReadOnly) {
    // you also need to remove the column from your column definitions
    // you can do that by using slice which will also trigger a dirty change to refresh the grid
    this.columnDefinitions = this.columnDefinitions.slice(1); // return all columns without first one (without index 0)
  }
}

您可以看到通过 Example 3 - Editors 中的 setOptions 更改网格选项的实时示例，“自动提交编辑”复选框（和“自动编辑设置”单选框）通过 {{1 }}