我有两个ag-grid,我正在两者之间移动物品;一个是可搜索的可用项目列表,另一个是用户先前选择添加的项目列表。用户可以通过从顶部网格中选择项目并单击"添加项目,将项目添加到下面的网格中。"他们可以从底部网格中删除项目,方法是在下面的网格中选择它们,然后点击"删除。"在顶部ag-grid上方,我有一个搜索框,设置为该网格的快速过滤器。
当用户从底部网格中删除某个项目时,我希望它显示在顶部网格中,无论是否应根据快速过滤器过滤掉它。
例如,如果用户正在搜索" Apple"在顶部网格中,结果如下:
以下网格中以前选择的项目列表如下:
如果用户点击" Pizza"并点击"删除,"我希望顶部网格显示
尽管"比萨"不符合快速过滤标准。
我已阅读ag-Grid filtering documentation并且找不到合适的方法。我能想到的最好的方法是使用JQuery向网格添加行,但是我必须跟踪Angular之外的添加/删除行,这可能是一件令人头疼的问题。有更简单的方法吗?
答案 0 :(得分:0)
我会在顶部表格中添加一个隐藏列,以标记底部的新添加内容。然后过滤搜索词或存在此标志。
如果要在更改搜索条件时清除添加标记,可以挂钩onFilterModified
事件。
修改强>
或者更简单地说,当他们将行添加到顶部表时,您可以将当前搜索词复制到此隐藏列。并在更改搜索条件时通过onFilterModified
事件清除它。