ag-grid export 默认选择行

Question

我正在使用 ag-grid (angular)，我想将选择的行导出到 CSV 或 Excel。从我对文档的研究来看，此功能似乎只能使用外部按钮（图像上的黄色）而不是表格内部的导出（图像中的红色下划线）。

这是否可以通过表格本身导出选定的行（图像中的红色下划线）？

我正在想象表格中的多选功能，如果我没有选择任何元素，那么 ag-grid 导出所有数据，如果我选择了一些元素，那么 ag-grid 只导出选定的元素。

Answer 1

这是可能的，可以通过在上下文菜单下定义自定义函数来实现：

• 表示您将自定义上下文菜单：

var gridOptions = {
    columnDefs: columnDefs,
    getContextMenuItems: getContextMenuItems,
    rowSelection: 'multiple',
    ...
};

• 定义您的操作exportDataAsExcel并传递onlySelected: true参数以减少导出行：

function getContextMenuItems(params) {
    var result = [
       {
            name: "Excel Export (.xlsx)",
            action: () => params.api.exportDataAsExcel(
              {onlySelected: true}
            )
        },
    ];

    return result;
}

• 您不需要像我一样删除所有菜单元素 - 有关上下文菜单的更多信息可以在官方 ag-grid 文档中找到 https://www.ag-grid.com/javascript-grid-context-menu/