用于过滤项目列表的 Javascript/jquery 可视化插件答案

【问题标题】：Javascript/jquery visual plugin to filter list of items用于过滤项目列表的 Javascript/jquery 可视化插件
【发布时间】：2012-12-24 07:46:17
【问题描述】：

应用基于backbone.js

目前列表项的过滤是使用visualsearch.js 完成的，这是一个很棒的插件，不幸的是对于非高级用户来说不是那么直观。

所以我现在应该实现一种不同的方式来过滤项目。

每个项目都有一些键，我想用其中的一些来过滤列表。

在重新发明轮子之前，我搜索了一些插件，可能已经与主干集成，我能找到的只有这个http://addyosmani.github.com/backbone.paginator/examples/netflix-client-paging/index.html，它对结果进行分页并允许过滤。它遗漏了一些功能（即过滤器的预定义值），但它很好。

在我继续这个插件之前，我想问一下是否有人知道一些可以做我正在寻找的过滤工作的好插件（也只有 jquery，不一定与骨干.js 集成）。

非常感谢。

---更新---

我不是在寻找实现功能或逻辑的插件。我正在寻找一个 VISUAL 插件，它已经存在并且非常智能。

Visualsearch 是其中之一，但我的用户不够聪明，无法使用它...

【问题讨论】：

【解决方案1】：

我自己只是在研究这个（所以我对所有功能还不够熟悉，无法知道它是否正是您正在寻找的东西），但Filtrify 似乎是最强大且易于使用的功能之一使用可用的插件。

【讨论】：

嘿，看起来很棒。回到工作岗位时，我会更加注意检查并通知您。至于现在……谢谢（和圣诞快乐）。
它绝对比您使用的那个直观得多（老实说，我发现它有点难以使用）。我有一种感觉，这正是您正在寻找的东西，但我很想听听您的想法，因为我自己正在解决这个问题 :-) 我的挑战是它被配置为硬编码项目一个文档（你用数据属性标记），我还没有弄清楚如何将它与数据库中的产品一起使用（或者如果你可以的话）。
请注意 - 您需要更新指向 jquery 的链接才能使演示正常工作（否则不会显示过滤面板）。直接链接到自己的jquery文件或者网上最新版本，或者把filterify-master的js文件夹中的jquery-1.7.1.min.js的路径改成jquery-1.7.1.min.js。
嗨，Chaya...谢谢你们的cmets...您能耐心等到7 号我回来工作吗？该插件看起来真的很酷。再见
绝对 :-) 它在我那周晚些时候的待办事项清单上 ;-) 享受你剩下的假期:-D

【解决方案2】：

你不能在模型中实现一个搜索/过滤方法吗？这个插件对我来说似乎有点过头了......

【讨论】：

【解决方案3】：

Backbone 的 Underscore.js 是 Backbone 集合的方法库。假设您的应用程序的所有模型都在一个集合中，您可以使用 Underscore 的 Filter 方法对其进行过滤：

【讨论】：