执行搜索后清除静态过滤器数据 - yadcf 插件答案

【问题标题】：static filter data is cleared after a search is performed - yadcf plugin执行搜索后清除静态过滤器数据 - yadcf 插件
【发布时间】：2016-12-13 08:25:23
【问题描述】：

我正在尝试使用 yadcf 插件设置真/假过滤器。据我所知，它工作正常并且过滤工作正常，直到您执行搜索之后。此时选择列表不再呈现（即使清除过滤器也不会恢复），需要刷新页面才能恢复。

以下是一些有助于演示问题的屏幕截图。

这是在执行搜索之前

这是在执行搜索之后

这里是数据表/yadcf init（为简洁起见，我删除了一些代码）。

_grid.init({
loadingMessage: 'Loading...',
src: _connectionsTable,
dataTable: {
    ajax: {
        url: _connectionsTable.data('url')
    },
    columns: [
        {
            data: 'IsAssigned',
            sortable: false,
            "render": function (data, type, full, meta) {
                return (data === false
                    ? '<span class="label label-sm label-danger"> No </span>'
                    : '<span class="label label-sm label-success"> Yes </span>');
            }

        }
    ],
    dom:
        "<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'<'table-group-actions pull-right'>>r>t<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'>>",
    initComplete: function (settings, json) {
        var _table = new $.fn.dataTable.Api(settings);

        // search options
        yadcf.init(_table, [
            {
                column_number: 11,
                data: [{ value: 'true', label: 'Yes' }, { value: 'false', label: 'No' }],
                filter_container_id: 'IsAssignedFilter',
                filter_reset_button_text: false,
                style_class: 'form-control form-filter input-sm'
            }
        ]);
    },
    order: [
        [1, 'desc']
    ],
    responsive: true,
    stateSave: true
}
});

其他类型的搜索似乎工作正常，但这是我为其提供静态数据的第一个。发生这种情况时，Chrome 开发工具也不会显示任何错误。任何帮助表示赞赏！

【问题讨论】：

您不应该在 initComplete 中初始化 yadcf，而是在初始化数据表后进行
@Daniel 是的，将它移到 yadcf init 之外解决了这个问题。谢谢！

标签： yadcf

【解决方案1】：

您不应该在 initComplete 中初始化 yadcf，而是在初始化数据表后执行它，如下所示：

var oTable = $('#example').DataTable({...});
yadcf.init(oTable, [{column_number: 0}]);

【讨论】：