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

Question

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

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

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

我尝试实现 select_type: 'select2' 参数，但它不适用于我的表。

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

这是我的相关 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"


    }]);

Answer 1

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

查看文档 select_type - Possible values: chosen / select2 ，继续阅读并注意可以为 filter_type 设置 multi_select_custom_func仅。

无论如何，您的情况的问题是您没有包含 select2 js/css 并且没有设置 select_type: 'select2'

这是一个updated/fixed jsfiddle