动态填充值以与 jQuery 数据表和列过滤器一起使用

Question

我正在使用 jQuery DataTables and the Column Filter 插件。

列过滤器插件中的一个选项是显示下拉列表以过滤列数据。

$("#logTable").dataTable({
    "aaSorting": [[ 1, "desc" ]],
    "bJQueryUI": true,
    "iDisplayLength": 50,
    "aLengthMenu": [10, 25, 50, 100],
    "sPaginationType": "full_numbers",
    "aoColumns": [ 
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true },
    ]
}).columnFilter({
    sPlaceHolder: "head:after",
    aoColumns: [ 
        { type: "select", values: ['admin', 'input'] },   /*This creates the dropdown) */
        { type: "text" },
        { type: "text" },
    ]
});

我正在尝试从数据 table 所在的页面动态更新该列表。

我创建了一个隐藏元素并赋予它可能选项的值

<input type="hidden" id="dValues" value="admin,input">

然后将我的脚本更改为

var dValues = $("#dValues").(val);    
$("#logTable").dataTable({
    "aaSorting": [[ 1, "desc" ]],
    "bJQueryUI": true,
    "iDisplayLength": 50,
    "aLengthMenu": [10, 25, 50, 100],
    "sPaginationType": "full_numbers",
    "aoColumns": [ 
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true },
    ]
}).columnFilter({
    sPlaceHolder: "head:after",
    aoColumns: [ 
        { type: "select", values: [dValues] },   /*No luck */
        { type: "text" },
        { type: "text" },
    ]
});

我也试过了

<input type="hidden" id="dValues" value="admin,input">

运气不好。如果我从 { type: "select", values: [dValues] } 中删除 [] 我会得到 dValues 内容的每个字母作为一个选项所以我认为有可能得到我想要的我只是不知道如何把每个项目都正确地放进去。

Answer 1

我使用的是 DataTables 1.9 版本。 1.10 版似乎已经添加了我需要的东西。 http://www.datatables.net/examples/api/multi_filter_select.html

动态填充值以与 jQuery 数据表和列过滤器一起使用

Dynamically populate values for use with jQuery DataTables & Column Filter

jquery

jquery-datatables