为了能够在已经应用分组/排序/过滤的网格中添加/删除行,而无需在此行上重新应用分组/排序/过滤添加/删除。用户可以在一个组上工作,更新一些新值/添加可能仍然不属于同一组分组的新记录,但是我们不想重新应用分组,因为用户输入将分散在网格中,并且很难审核用户。
我们尝试了什么(“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);
但仍然没有在网格中看到新添加的行。