使用默认值在 ag 网格上添加行

Question

我想向 ag 网格添加一个新行，其中一列具有默认值。我的目标是使这个自动生成的值 1 超过列中的最大数量。（这是假设列中的数字将严格连续一个。）

我查看了 ag grid 'Updating Data' 页面，但这里的问题是假设您单击了 'Add Row'。 Toyota 1 将出现在下一行 - 但如果您删除该行并再次单击 "Add Row"，Toyota 2 将出现 - 尽管该列中不再有 Toyota 1。

我怀疑这是因为这个例子没有跟踪列中的最大整数。

如何才能单击 "Add Row" 并使列中的整数正好比当前最大值多 1？

示例：假设我点击了 "Add Row" 五次。

假设我希望我的 'ColumnA' 更新为比当前最大值多 1。我应该看到以下内容：

[添加行]

ColumnA ColumnB ColumnC
1
2
3
4
5

编辑：

如果ColumnA的当前值为
1
3
6
8
17

然后我想 'Add Row' 创建 18 作为下一行。如果我删除“17”，然后单击“添加行”，我希望将“9”作为下一行的值。

Answer 1

您必须找到网格数据的最大 ID。为此，您可以使用 forEachNode((node, index))

onAddRowClick(){
    let max = 0

    api.forEachNode( function(rowNode, index) {
        max < rowNode.myIndex ? max = rowNode.myIndex:;
    });

    // do your stuff with new index = max + 1
}

使用默认值在 ag 网格上添加行

Add row on ag grid with default value

html

ag-grid

angular

ag-grid-angular