使用 yadcf（数据表）将不同的过滤器组应用于 HTML 列

Question

我在 HTML 中创建了一个数据表列（图片），格式如下：

<img src='[path to image]' class='[imgClass]'>

我创建了一个 fiddle 来查看它的实际效果。

条件如下：

• 我有四张图片：黑色、绿色、黄色和红色。
• 我有两个可能的状态：assigned/not 已分配。
• 黑色图像属于未分配状态，绿色、黄色和红色属于分配状态。

为了过滤列 header 上的图像，我搜索了 class 并且它工作正常。但是当我按下顶部的 ASSIGNED 按钮（得到红色、黄色和绿色的）时，过滤器不起作用。

Answer 1

您尝试进行多重 select 过滤，而您的过滤器类型是 单一 select

因此您应该将 yadcf 过滤器设置为 filter_type: 'multi_select', - see jsfiddle

或者更好地使用 select2 和 yadcf 像这样 (select2 css/js 应添加)

filter_type: 'multi_select', select_type: 'select2',

see jsfiddle