使用文本输入进行多项选择 - 参数不起作用

时间:2015-03-19 22:22:36

标签: javascript datatables yadcf

在此示例中,LIVE DEMO列0(称为某些数据)具有以下参数:

    {
        column_number: 0,
        filter_type: "multi_select",
        select_type: 'select2'
    },

使用此参数,您可以使用文本输入进行多项选择:

multiple

我尝试实现select_type: 'select2'参数,但它对我的表不起作用。

我看 jquery.dataTables.yadcf.js ,我找到了multi_select_custom_func,但这不是解决问题的正确参数。
这是我的表:MY TABLE

这是我的rilevant javascript代码:

    var oTable;
$(document).ready(function () {

'use strict';


    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "bStateSave": true
    }).yadcf([{

        column_number: 0,
        filter_type: "multi_select",
        select_type: 'multi_select_custom_func'
    }, {
        column_number: 4,
        filter_type: "range_number_slider",
        filter_container_id: "external_filter_container"
    }, {
        column_number: 3,
        text_data_delimiter: /(\s-\s)|,/,
        filter_type: "auto_complete"
    }, {
        column_number: 1,

        filter_type: "multi_select"
    }, {
        column_number: 2,
        text_data_delimiter: /(\s-\s)|,/,
        filter_type: "auto_complete"
    }, {
        column_number: 5,
        column_data_type: "html",
        html_data_type: "text",
        filter_default_label: "Select tag",
        filter_type: "auto_complete"


    }]);

1 个答案:

答案 0 :(得分:1)

您对错误的属性使用了错误的值,

查看文档select_type - Possible values: chosen / select2,继续阅读并注意multi_select_custom_func只能为filter_type设置。

无论如何,你的案例中的问题是你没有包括select2 js / css并且你没有设置select_type: 'select2'

这是updated/fixed jsfiddle