【问题标题】:AG Grid inserting rows with applyTransactionAG Grid 使用 applyTransaction 插入行
【发布时间】:2020-09-26 01:04:07
【问题描述】:

有没有办法在特定索引而不是网格末尾插入行?

如果我想从顶部插入一行 10 行,示例会是什么?还是在中间?

我确实找到了一个名为 insertItemAtIndex(index, [rows]); 的旧 ag 网格方法

但这不起作用并说它已被弃用。有没有办法用applyTransaction(transaction) 做到这一点?

【问题讨论】:

    标签: javascript reactjs ag-grid ag-grid-react


    【解决方案1】:

    RowDataTransaction 接口有一个可选的addIndex 属性 -

    export interface RowDataTransaction {
        /** deprecated */ addIndex?: number;
        add?: any[];
        remove?: any[];
        update?: any[];
    }
    

    虽然它被标记为已弃用,但它对我有用。

    用法:this.gridApi.applyTransaction({ add: newItems, addIndex: 2});

    它表示将插入新行的索引。

    我已尝试在 docs 中使用此 example 并且工作正常。

    一个相关的question 用于更新行的旧方法。 (无交易)

    【讨论】:

    • 我试过了,但它仍然将它添加到表格的末尾? api.applyTransaction({add: [newRow], addIndex: 0});
    • 您是否应用了任何排序?插入行后是否调用任何 gridapi 函数?
    • 不,没有排序,这是我调用的最后一个方法
    • 这很有趣。当我从文档更新示例时,它对我有用。你能创建一个 plunkr 吗?
    • 它似乎在 plunkr 中工作,但我无法判断,因为我无法导入样式:plnkr.co/edit/r7rjL7jQ31xoHKYX
    猜你喜欢
    • 2020-09-06
    • 2021-11-09
    • 2018-05-31
    • 2018-01-12
    • 2016-05-11
    • 2020-03-31
    • 2018-09-21
    • 2021-09-21
    • 2021-01-08
    相关资源
    最近更新 更多