Ag-grid v19 скрытая / закрытая панель инструментов по умолчанию

Я использую следующие зависимости:

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

После перехода на версию 19 новая боковая панель была скрыта. Это можно исправить, установив [sideBar] = "'columns'".

Но раздел панели инструментов всегда открыт. Я мог бы закрыть его, вызвав gridApi.closeToolPanel (), но в этом случае вы на короткое время увидите открытую панель инструментов, если загрузите страницу. Есть ли возможность отображать только кнопки боковой панели и скрывать панель инструментов по умолчанию (как это было в версии 18)?

6
0
4 844
4

Ответы 4

Это зависит от того, куда вы звоните gridApi.closeToolPanel().

Отметьте этот кусок, который я создал. Это для angular, но я надеюсь, вы сможете понять.

Вызовите функцию внутри onGridReady.

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

Другой подобный вопрос: При обновлении ag-grid версии 19 с версии 9 опция панели инструментов, щелкнув правой кнопкой мыши, не появится.

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, и это приведет к тому, что по умолчанию он не откроет никакую панель инструментов.

Примечание: в версии 19.0.0 вы получите предупреждение console.log об этом. В версии 19.1.1 вы не получите предупреждения.

очень полезно. Спасибо!

omostan 07.06.2020 21:00

Хранить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.

По некоторым причинам this.gridApi.closeToolPanel () не работает постоянно, но я попытался взломать его, используя:

onGridReady(params) {
  this.gridApi = params.api;
  settimeout(() => { this.gridApi.closeToolPanel()},100)
}

Другие вопросы по теме