【问题标题】:Filtering is not working properly for Name and Description selection?名称和描述选择的过滤不能正常工作?
【发布时间】:2016-05-15 13:11:34
【问题描述】:

我正在尝试从谷歌搜索中执行一项 angularjs 网格任务,该任务具有排序、分页和过滤功能。排序和分页工作正常,但过滤工作不正常。

我想根据我的NameDescription 复选框选择过滤数据。如果我们观察清楚,例如:如果我选择Name 列的任何名称(name1 or name2 or name3 复选框),那么应该显示它的相关数据。但我得到的是:它根据我的复选框选择标准显示属于Name 列的所有数据(这很好),而且在name1 适用/可用的任何地方显示数据(来自Description 列也),同样,Description 复选框选择条件也一样。

但它不应该那样显示,它应该只显示基于我在respective Name/Description column 中的任一Name or Description checkbox 选择标准的数据,而不是来自适用/可用的两个列),也就是说:如果我选择Select Name下拉列表的任何过滤器名称(name1 or name2 or name3复选框),那么它的相关数据应该显示,这意味着我应该在名称列中只看到“name1”(但它给出也有 name3),同样适用于 Description 复选框。

创建fiddle。请帮我看看我在哪里做错了什么?提前致谢。

【问题讨论】:

  • 当链接断开时,将您的代码放在某些第三方网站上对未来的访问者毫无用处。将显示问题的最小相关代码放在这里,否则此问题将很快被删除。

标签: angularjs sorting checkbox ng-filter


【解决方案1】:

我不确定我是否完全正确地理解了您的问题,但您可以使用自己的过滤功能。

我稍微修改了你的小提琴here。基本上我添加了一个新的$scope.filterItems 函数并相应地修改了标记。这只是一个示例,您需要根据需要对其进行修改。

这就是你想要的吗?

【讨论】:

  • 感谢您的回复,实际上我需要的是:过滤工作正常,但存在一些错误,例如:如果我选择 Select Name 下拉列表的任何过滤器名称(name1 或 name2 或 name3 复选框),那么它的相关数据应该显示,这意味着我应该在名称列中只看到“name1”(但它也给出了 name3),对于描述复选框也是如此。
  • 嗯,这正是您可以使用自己的过滤器功能实现的效果,如我在示例小提琴中所示,我建议您重新检查一下。
  • 我已经重新检查了你的小提琴,它没有按照我的要求工作,你能否重新检查我的小提琴一次,你可以知道我做错了什么?(通过选择相应的复选框,然后您可以观察数据及其分页)。提前致谢,
  • 正如我在回答中所说,这只是如何编写自己的自定义过滤器函数的示例。我已经更新了我的小提琴 (jsfiddle.net/18se6jqu/2),但我会说它并不是像这样复杂的代码。
  • 实际上,还有一个更新 (jsfiddle.net/18se6jqu/3),因为选中-取消选中描述复选框,它的值将是一个空字符串,这不应该是一个有效的查找。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-08-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-23
  • 2021-09-01
相关资源
最近更新 更多