Question

从版本9升级Ag-grid版本19时，右键单击工具面板上的选项不可用。另外，在单击时我们有一个图标，我们为枢轴打开了一个工具面板，该面板也无法使用。

这是我们单击它得到的当前代码。

这对于ag-Grid 9效果很好，但不适用于ag-Grid 19

this.preferencesService.togglePivot.subscribe(() => {
    const isOpen = this.gridOptions.api.isToolPanelShowing();
    if (isOpen) {
        this.gridOptions.columnApi.setColumnState(this.saveGridState);
        this.gridOptions.api.showToolPanel(false);
        this.gridOptions.api.setSideBarVisible(false);
        this.gridOptions.columnApi.setPivotMode(false);
        // this.sideBar = false;
    } else {
        this.saveGridState = this.gridOptions.columnApi.getColumnState();
        this.gridOptions.api.showToolPanel(true);
        this.gridOptions.api.setSideBarVisible(true);
        // this.sideBar = 'columns';
        this.gridOptions.columnApi.setPivotMode(true);
    }
});

Answer 1

您需要设置[sideBar]="true"以便显示工具栏。

选中此updated plunk

参考：Boolean Configuration

更新：

我尝试了多种组合，以使其在默认情况下通过设置一些参数关闭。无论如何，您可以使用gridApi来实现。检查插件，我已经更新了。

onGridReady(params) {
  this.gridApi = params.api;
  this.gridApi.closeToolPanel();
}

Answer 2

Here's the details关于sideBar / toolPanel配置。

sideBar不仅可以是true或false。

Answer 3

setSideBarVisible对我来说无法正常工作，相反，我有toggle方法，它按如下所示设置和取消设置侧边栏

toggleSideBar(): void {
    this.gridOptions.api.setSideBar(this.gridOptions.api.getSideBar() ? null : this.sideBar());
}

从版本9升级Ag-grid版本19时，不会出现右键单击工具面板的选项

3 个答案: