默认情况下,ag-grid V19隐藏/关闭工具面板

时间:2018-10-31 10:27:38

标签: ag-grid

我正在使用以下依赖项:

"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。是否可以选择仅显示侧边栏按钮并默认隐藏toolPanel(与版本18中的版本相同)?

3 个答案:

答案 0 :(得分:3)

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默认情况下应该打开什么。您可以将其设置为blank或null,这将导致它默认情况下不打开任何toolPanel。

注意:在19.0.0版中,您将收到关于此的console.log警告。 在19.1.1中,您将不会收到警告。

答案 1 :(得分:1)

right answer用于ToolPanel在初始阶段保持关闭状态,即设置defaultToolPanel-空字符串值。

defaultToolPanel = ''
  

defaultToolPanel默认打开的面板(由ID标识)。 如果未指定,则侧栏最初显示为关闭。

您必须将defaultToolPanel定义为空,cuz by default columns tab is selected

答案 2 :(得分:0)

这取决于您确切呼叫gridApi.closeToolPanel()的位置。

选中this plunk I've created。它是针对角度的,但我希望您能够理解。

调用onGridReady内部的函数。

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

另一个类似的问题:On upgrade ag-grid version 19 from version 9, on right click tool panel option is not coming.