灰烬分选/筛选表

Question

我正在寻找将过滤器/分类器表添加到应用程序中。我需要选择可以排序的列-并在列上提供类字形上/下箭头的更改。过滤器框也必须在表的外面。

• 我尝试查看此示例，但是cols上的字形类没有更改，并且过滤器框位于表内部。

http://crodriguez1a.github.io/ember-sort-filter-table/

• 我查看了这个自定义解决方案，但看不到将过滤器锁定到特定列的方法。

http://www.jarrodctaylor.com/posts/Filter-And-Sort-Tables-In-Ember/ http://emberjs.jsbin.com/yezonaxu/12/edit?html,css,js,output

---

这是什么-http://onechiporenko.github.io/ember-models-table/v.2/docs/classes/Components.ModelsTableRowFiltering.html

但是这里的问题是-如何根据数据创建一些自定义标记。

Answer 1

您可以使用计算的属性对行进行排序和过滤。为了进行排序，您可以使用sort宏。对于过滤器，您应该实现自己的逻辑，因为filter和filterBy宏不支持观察用于过滤数组的值。使用经过排序和筛选的行来生成简单的HTML表或将其传递到table component of your choice。

Answer 2

如果采用DataTables并将其包装在ember组件中（自定义代码比某些通用的第三方包装器更好），则可以实现很多目标。包括按列过滤。但是，这有点困难-DataTables很大，API有点复杂。那就是您要进行客户端过滤的原因。

对于服务器端过滤，方法将有所不同-您使用ember的方法呈现用于过滤器的UI，将用户的选择转换为字符串，然后在请求数据时将其传递给API（应进行修改以支持过滤）。