根据 if 条件将 enableCheckboxSelector 设置为 false

Question

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

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

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

Answer 1

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

你需要的是selectableOverride，显示在这个Row Selection - Wiki中。 Wikis 有很多信息供您阅读。

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 更改网格选项的实例，“自动提交编辑”复选框（和“自动编辑设置”单选框）通过 setOptions

根据 if 条件将 enableCheckboxSelector 设置为 false

Set enableCheckboxSelector to false based on if condition

angular

angular-slickgrid