Question

我目前正在开发ag-grid-enterprise 17.1.0版本。我的要求是在单击按钮时显示网格的侧栏，这是一种切换。另外，“列”和“过滤器”栏的方向也应更改。有什么办法可以做到这一点？

Answer 1

文档显示了此用例的示例：

sideBar = {
    toolPanels: [
        {
            id: 'columns',
            labelDefault: 'Columns',
            labelKey: 'columns',
            iconKey: 'columns',
            toolPanel: 'agColumnsToolPanel',
        },
        {
            id: 'filters',
            labelDefault: 'Filters',
            labelKey: 'filters',
            iconKey: 'filter',
            toolPanel: 'agFiltersToolPanel',
        }
    ],
    position: 'left',       // <---- set position
    defaultToolPanel: 'filters'
}

<ag-grid-angular
      #agGrid
      style="width: 100%; height: 100%;"
      id="myGrid"
      class="ag-theme-balham"
      [modules]="modules"
      [columnDefs]="columnDefs"
      [defaultColDef]="defaultColDef"
      [sideBar]="sideBar"           // <----
      [rowData]="rowData"
      (gridReady)="onGridReady($event)"
    ></ag-grid-angular>

您还可以像这样打开/关闭补充工具栏：

gridApi.closeToolPanel();
gridApi.openToolPanel("columns");

参见此处：https://www.ag-grid.com/javascript-grid-side-bar/#side-bar-api

（是的，我知道，这些文档适用于当前版本的ag-grid-但api也应该类似于他们在v17中使用的文档）

单击按钮打开ag-grid-Enterprise侧栏

1 个答案: