Ag grid AgGrid:在已应用分组/排序/筛选的网格中添加/删除行

Ag grid AgGrid:在已应用分组/排序/筛选的网格中添加/删除行,ag-grid,ag-grid-react,Ag Grid,Ag Grid React,为了能够在已应用分组/排序/筛选的网格中添加/删除行,无需在此行上重新应用分组/排序/筛选添加/删除。这是因为用户可以在一个组上工作,更新一些新值/添加可能仍然不属于同一组分组的新记录将被重新应用,但我们不希望重新应用分组,因为用户输入将分散在网格中,并且用户很难查看 我们使用(“ag grid”:“^10.0.0”,“ag grid enterprise”:“^10.0.0”,“ag grid react”:“^10.0.0”,) 使用以下命令(跳过刷新),在启动时已渲染的网格中的某个事件/

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

  • 我们使用(“ag grid”:“^10.0.0”,“ag grid enterprise”:“^10.0.0”,“ag grid react”:“^10.0.0”,)

  • 使用以下命令(跳过刷新),在启动时已渲染的网格中的某个事件/btn单击添加新行,其中包含一些数据:

    让newItems=[];
    让newItem={
    id:'SomethingNewId'+Math.random(),
    数量:300,
    所有者:“Deepak Kumar SHarma”,
    isUpdated:true
    };
    newItems.push(newItem);this.gridOptions.api.insertItemsAtIndex(4,newItems,true);//说不要刷新网格

  • 在上述步骤之后,我通过迭代看到已经添加了一个rowNode,但该行在网格中不可见。然后尝试仅刷新此新添加的行,以便它在网格中可见,并希望它在不重新应用此筛选器/排序/筛选的情况下可见:

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

  • 但仍然看不到网格中新添加的行

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