数据表多选下拉过滤器更新过滤器更改

Question

我正在使用数据表 1.10

当我在我的 Datatable 中选择一个过滤器时，我正在尝试根据生成的结果集更新我的过滤器。

这是我的代码。

table = $('#example').DataTable({
    "bSort": false,
    "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        $("#example thead td ").each(function (i) {
            if (i > 1) {
                select = $('<select class="form-control"><option value=""></option></select>')
                    .appendTo($(this).empty())
                    .on('change', function () {
                        table.column(i)
                            .search($(this).val())
                            .draw();
                    });
            }

            table.column(i).data().unique().sort().each(function (d, j) {
                if (i > 1 && d !== "") {
                    select.append('<option value="' + d + '">' + d + '</option>')
                }
            });
        });
    }
});

我在上面的代码中要做的是在数据表函数的回调中添加下拉过滤器代码。

这样每次数据表运行时我都应该得到新的过滤器。

数据表中是否有任何选项可以做到这一点？

Answer 1

您似乎在 DT v 1.10 上使用 DT 1.9 API 请参考新版DThttp://www.datatables.net/reference/

如果我理解正确，您想在应用任何其他过滤器时更改邻居过滤器（例如将“无数据”选项标记为灰色）。如果这是正确的，请坚持 drawCallback

您在代码中使用的逻辑似乎与解决此问题的方式很接近，我不知道任何 DT 支持的创建组合框列过滤器和更新它们的方法，所以是的，每次绘制时，检查过滤器，然后更新/重新创建组合。

如果您不追求 DT 1.10，here is working plugin 为 Dylan Kuhn 的 DT 1.9。