子标题行中的ng-grid自定义过滤

Question

我刚刚找到ng-grid，并希望将其用于服务器端过滤和排序表，这应该不是问题。

但我想在标题行下的下一行的单元格中定义过滤。过滤单元格可能是：

• 文字搜索
• 日期范围
• 数字范围
• enum multi-select
• ...？

我没有找到，如何在标题行下添加额外的行。我可以 覆盖标题单元格模板，但我对他们没问题。我宁愿 “扩展”它们或者有一个负责渲染行的插件 在标题行下面。

定义时有没有办法引用原始模板 headerCellTemplate？我只是想在现有模板中添加一些内容。

你有更多关于插件的信息，它们的功能以及如何编写它们吗？

Answer 1

我们有类似的要求。由于我们的列defs都是动态驱动的，因此我们还包含了一个名为inputMappings的属性。其中包含输入类型，选择选项等。然后写了一个ng-grid插件，它为该范围变量添加了一个监视器，解析了colDefs变量 - 通过从inputMapping对象中提取元素来创建一行。基本上，“field_name”是inputMapping和colDefs之间的链接。

一旦我们有一行由ngCells组成，其中包含正确的输入元素，包含链接到字段的ng-model，我们就在gird之后插入。$ headercontainer并重新编译ng-grid。这增加了UI。我们的下一个挑战是编写自定义ng-grid服务器端过滤器，以利用漂亮的新“ngFilterBar”。