【问题标题】:Is it possible to copy row data from an ag-grid using ag-grid-community?是否可以使用 ag-grid-community 从 ag-grid 复制行数据?
【发布时间】:2021-09-21 23:12:42
【问题描述】:

我正在尝试设置一个 ag-grid,以便用户可以再单击一个行,然后按 Ctrl + C 来选择所有数据。看看这个网站https://www.ag-grid.com/angular-grid/row-selection/,看起来行选择是社区版的一部分,但我已经尝试使用各种示例实现它好几天了,但无法让它工作。关于此功能是否可用,我一直在寻找相互矛盾的答案。

上述链接上的前 2 个网格没有导入企业,我注意到您无法将行复制到剪贴板。以下网格确实已导入企业,并且允许复制到剪贴板。社区的行选择是否仅仅意味着选择一行而不一定复制其数据的能力?

这是网格。

<ag-grid-angular
                    #agGrid
                    style="width: 100%; height: 340px;"
                    id="myGrid"
                    class="ag-theme-balham"
                    [rowData]="rowData"
                    [gridOptions]="apiGlob.gridOptions"
                    [columnDefs]="colDefs"
                    (columnMoved)="apiGlob.onColumnMoved($event, agGridColNm[localSearchCriteria])"
                    (columnPivotChanged)="apiGlob.onColumnMoved($event, agGridColNm[localSearchCriteria])"
                    (columnResized)="apiGlob.onColumnResized($event, agGridColNm[localSearchCriteria])"
                    (columnVisible)="apiGlob.onColumnVisible($event)"
                    (gridReady)="apiGlob.onGridReady($event, agGridColNm[localSearchCriteria])"
                    [overlayNoRowsTemplate]="apiGlob.noRowsTemplate"
                >
                </ag-grid-angular>

这里是gridOptions

gridOptions = <GridOptions>{
        defaultColDef: {
            flex: 1,
            wrapText: true,
            autoHeight: true,
            resizable: true,
            sortable: true,
            groupHeaders: true,
            filter: 'agTextColumnFilter',
        },
        rowSelection: 'multiple'
    };

此功能是否适用于社区还是仅限企业使用?

【问题讨论】:

    标签: angular ag-grid ag-grid-angular


    【解决方案1】:

    看起来这是基于此页面的企业功能:https://www.ag-grid.com/angular-grid/clipboard/

    我使用 AgGrid 社区版本创建了一个基本的Stackblitz 以将行复制到剪贴板。它使用 Ag-Grid API 获取选定的行并使用 textarea 将其复制到剪贴板。

    【讨论】:

    • 我使用了一个按钮,但您可以随时听键盘绑定 (Ctrl + C),使用 preventDefault(),然后像上面一样通过复制到剪贴板代码。
    猜你喜欢
    • 2020-03-07
    • 2020-08-19
    • 1970-01-01
    • 1970-01-01
    • 2021-05-20
    • 1970-01-01
    • 2018-10-28
    • 2023-01-20
    • 2020-02-06
    相关资源
    最近更新 更多