带有 auto_complete 和 ajax 的 YADCF 不起作用答案

【问题标题】：YADCF with auto_complete and ajax does not work带有 auto_complete 和 ajax 的 YADCF 不起作用
【发布时间】：2017-08-03 08:46:22
【问题描述】：

我对 yadcf 比较陌生。
我想在“auto_complete”类型的数据表上放置一个搜索过滤器。提供的建议应基于基于客户输入的 ajax 调用。

当我开始输入时似乎没有进行调用（没有请求发送到服务器）。
提供的建议基于加载的数据，而不是基于 ajax 调用。

我做错了什么？我找不到一个很好的例子。

我的代码：

yadcf.init(oTable, [{
    column_number: 0,
    filter_default_label: "Enter a familyname...",
    filter_type: "auto_complete",
    filter_plugin_options: {
        source: function( request, response ) {
            $.ajax({
                url: "/bamcers-ajax/familienaam",
                dataType: "json",
                type : 'Get',
                data: { familyname: request.term },
                success: function( data ) { response( data.a );}
            })
        },
        minLength: 2
    }, 
    sort_as: "alpha", 
    style_class: 'width250'
}, columndefs...

注意：这段代码可以正常工作

$( "#testField" ).autocomplete({
    source: function( request, response ) {
        $.ajax({
            dataType: "json",
            type : 'Get',
            url: '/bamcers-ajax/familienaam',
            data: {familienaam: request.term},
            success: function(data) {response( data );}
        });
    },
    minLength: 2
});

【问题讨论】：

标签： jquery datatable yadcf

【解决方案1】：

看起来文档有误导性，根据代码filter_plugin_options 并没有真正用于auto_complete

if (columnObj.filter_type === "auto_complete") {
    columnObj.filter_plugin_options = {
        source: $(document).data("yadcf-filter-" + table_selector_jq_friendly + "-" + column_number),
        select: autocompleteSelect
    };
...

https://github.com/vedmack/yadcf/blob/master/src/jquery.dataTables.yadcf.js#L2916你可以在github上打开功能请求或发送PR

【讨论】：