Ag-Grid扩展行

Question

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

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

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

示例图片：

Answer 1

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

例如，要根据点击展开行，您可以执行以下操作：

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 2

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

Answer 3

我们现在建议不要使用plugin_init，因此现在应该...

这还将更新图标并为行设置动画，onGroupExpandedOrCollapsed不会这样做。

onGroupExpandedOrCollapsed

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

Answer 4

这个作品

 onRowClicked(params) { 
    params.context.setExpand.onExpandClicked(params.rowIndex, params.node.rowHeight);
  }