Ag-Grid扩展行

Question

我使用Ag-grid来控制我的表,但是我希望在我的组中存储一个行列表,而不是必须在2次点击中使行组扩展,我希望点击一下.如果我单击图标箭头它可以工作,但如果我点击标题行它只打开2次点击.

我已经尝试在文档中找到有关它的任何信息,但无法找到任何信息.

以下是文档中的示例. https://ag-grid.com/javascript-grid-tree/index.php

示例图片:

Answer 1

我们现在建议不要使用onGroupExpandedOrCollapsed，所以现在应该......

这也将更新图标并为行设置动画，但onGroupExpandedOrCollapsed不会。

onRowClicked(params) {
    params.node.setExpanded(!params.node.expanded);
}

这将切换扩展，params.node.setExpanded(true)如果您希望行保持打开状态，请使用。

Answer 2

您可以在单击行或单击单元格时监听事件，并相应地展开节点。

例如，要基于点击展开一行，您可以执行以下操作：

onRowClicked: (params) => {
    // update the node to be expanded
    params.node.expanded = true; 
    // tell the grid to redraw based on state of nodes expanded state 
    gridOptions.api.onGroupExpandedOrCollapsed(params.rowIndex)
}

这应该在文档中-我将对其进行更新以反映此信息。

Answer 3

在列定义中，您可以使用该onCellClicked(params)函数告诉它在单击单元格时执行某些操作。我尝试寻找扩展功能，但我只能找到expandAll()我认为您不会想要的功能。所以我要做的就是使用 jquery 或简单的 DOM 选择来单击该单元格内的展开图标。