AgGrid:在网格中添加/删除行,已经应用了分组/排序/过滤

时间:2017-05-29 06:48:37

标签: ag-grid ag-grid-react

为了能够在已经应用分组/排序/过滤的网格中添加/删除行,而无需在此行上重新应用分组/排序/过滤添加/删除。用户可以在一个组上工作,更新一些新值/添加可能仍然不属于同一组分组的新记录,但是我们不想重新应用分组,因为用户输入将分散在网格中,并且很难审核用户。

  • 我们尝试了什么(“ag-grid”:“^ 10.0.0”,“ag-grid-enterprise”:“^ 10.0.0”,“ag-grid-react”:“^ 10.0 0.0" ,)

  • 使用下面的内容(跳过刷新),在已启动的网格中使用下面的某些数据(btn点击)添加一个新行:

    Let newItems = []; let newItem= { id: 'SomethingNewId'+Math.random(), qty: 300, owner:"Deepak Kumar SHarma", isUpdated: true }; newItems.push(newItem); this.gridOptions.api.insertItemsAtIndex(4, newItems, true); // Saying do not refresh the grid

  • 在上面的步骤之后,我通过迭代看到已经添加了rowNode,但是在网格中看不到行。然后尝试仅刷新这个新添加的行,以便它在网格中可见,期望它不重新应用此过滤器/排序/过滤:

    let nodes = []; this.gridOptions.api.forEachNode( (node, index) => { if (node.data!==null && node.data!==undefined && node.data.isUpdated===true) { nodes.push(node); } }); this. gridOptions.api.refreshRows(nodes);

  • 但仍然没有在网格中看到新添加的行。

  • 如果我只是再次手动将排序/过滤/分组更改为某个新设置,我会看到网格中的新行。

0 个答案:

没有答案