ag-grid V19 默认隐藏/关闭工具面板

Question

我正在使用以下依赖项：

"dependencies": {
   "ag-grid-community": "19.0.0",
   "ag-grid-angular": "19.0.0",
   "ag-grid-enterprise": "19.0.0",
}

迁移到版本 19 后，隐藏了新的侧边栏。这可以通过设置 [sideBar]="'columns'" 来解决。

但是工具面板部分总是打开的。我可以通过调用 gridApi.closeToolPanel() 来关闭它，但在这种情况下，如果您加载页面，您会在短时间内看到打开的 toolPanel。是否可以选择仅显示侧栏按钮并默认隐藏工具面板（就像在版本 18 中一样）？

Answer 1

var gridOptions = {    
sideBar: {
    toolPanels: [
            {
                id: 'columns',
                labelDefault: 'Columns',
                labelKey: 'columns',
                iconKey: 'columns',
                toolPanel: 'agColumnsToolPanel',
                toolPanelParams: {
                    suppressValues: true,
                    suppressPivots: true,
                    suppressPivotMode: true,
                    suppressRowGroups: false
                }
            },
            {
                id: 'filters',
                labelDefault: 'Filters',
                labelKey: 'filters',
                iconKey: 'filter',
                toolPanel: 'agFiltersToolPanel',
            }
        ],
        defaultToolPanel: ''
    }
};

defaultTooPanel: '' 告诉 ag-grid 默认情况下应该打开什么。您可以将其设置为空白或空值，这将导致它默认不打开任何工具面板。

注意：在 19.0.0 版本中，您将收到有关此问题的 console.log 警告。在 19.1.1 中，您将不会收到警告。

Answer 2

为了保持在ToolPanel关闭默认情况下，你需要设置 defaultToolPanel为空字符串值。

        sideBar: {
            toolPanels: [
                {
                    id: "columns",
                    labelDefault: "Columns",
                    labelKey: "columns",
                    iconKey: "columns",
                    toolPanel: "agColumnsToolPanel",
                },
                {
                    id: "filters",
                    labelDefault: "Filters",
                    labelKey: "filters",
                    iconKey: "filter",
                    toolPanel: "agFiltersToolPanel",
                },
            ],
            defaultToolPanel: "",
        }

这是因为默认的值defaultToolPanel就是columns。

Answer 3

这具体取决于您拨打的电话的位置gridApi.closeToolPanel()。

检查我创建的这个小东西。这是为了角度，但我希望你能够理解。

调用里面的函数onGridReady。

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

另一个类似的问题：在从版本 9 升级 ag-grid 版本 19 时，右键单击工具面板选项不会出现。