是否有任何方法可以强制显示ag-grid行,即使它不符合Quick Filter标准?

时间:2016-10-04 20:39:34

标签: jquery angularjs grid ag-grid

我有两个ag-grid,我正在两者之间移动物品;一个是可搜索的可用项目列表,另一个是用户先前选择添加的项目列表。用户可以通过从顶部网格中选择项目并单击"添加项目,将项目添加到下面的网格中。"他们可以从底部网格中删除项目,方法是在下面的网格中选择它们,然后点击"删除。"在顶部ag-grid上方,我有一个搜索框,设置为该网格的快速过滤器。

当用户从底部网格中删除某个项目时,我希望它显示在顶部网格中,无论是否应根据快速过滤器过滤掉它。

例如,如果用户正在搜索" Apple"在顶部网格中,结果如下:

  • Apple Pie
  • Apple Sauce
  • Apple Ice Cream

以下网格中以前选择的项目列表如下:

  • 披萨
  • 酱菜
  • 干酪

如果用户点击" Pizza"并点击"删除,"我希望顶部网格显示

  • 披萨
  • Apple Pie
  • Apple Sauce
  • Apple Ice Cream

尽管"比萨"不符合快速过滤标准。

我已阅读ag-Grid filtering documentation并且找不到合适的方法。我能想到的最好的方法是使用JQuery向网格添加行,但是我必须跟踪Angular之外的添加/删除行,这可能是一件令人头疼的问题。有更简单的方法吗?

1 个答案:

答案 0 :(得分:0)

我会在顶部表格中添加一个隐藏列,以标记底部的新添加内容。然后过滤搜索词或存在此标志。

如果要在更改搜索条件时清除添加标记,可以挂钩onFilterModified事件。

修改

或者更简单地说,当他们将行添加到顶部表时,您可以将当前搜索词复制到此隐藏列。并在更改搜索条件时通过onFilterModified事件清除它。