具有auto_complete和ajax的YADCF不起作用

时间:2017-08-03 08:46:23

标签: jquery datatable yadcf

我对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
}); 

1 个答案:

答案 0 :(得分:0)

根据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