yadcf过滤器无法正常工作

时间:2017-03-14 16:24:33

标签: javascript jquery datatables yadcf

我目前正在使用它:

jQuery JavaScript Library v2.2.4 jQuery UI - v1.12.0 - 2016-07-08

我已使用以下内容初始化表

<!-- Datatables Scripts -->
<script src="js/jquery.dataTables.js"></script>
<script src="js/jquery.dataTables.yadcf.js"></script>
<script type="application/javascript">
    $(document).ready(function() {

        addTest();

        var testTable;

        testTable = $('#datatable').DataTable({
            stateSave: true,
            orderable: true,
            'order': [[ 0, 'desc' ]],
            searching: false
        });

        yadcf.init(testTable, [{
            column_number: 1
        }]);

    });
</script>

当我加载页面时,我希望列中有过滤器显示,下拉列表中有值。但是当我在下拉列表中选择一个项目时,没有任何反应。它表明它被选中,就是这样。我正在使用的jQuery和jQuery-UI是否存在导致此问题无法刷新表的问题?这正是我需要的。如果重要的话,我也会使用twitter bootstrap。我也去过dataTables网站,将所有内容都包含在一个文件中,包括那些文件。 dataTables本身可以工作和显示,但是过滤器下拉列表实际上并没有刷新表格。谢谢!

2 个答案:

答案 0 :(得分:1)

好吧,我似乎快速发布了这个。经过并审查并意识到我关闭了搜索。删除搜索:false,它现在有效。最初我关闭了搜索,因为搜索框在移动设备上播放效果不佳。

答案 1 :(得分:1)

对于那些想要在没有搜索栏的情况下过滤yadcf的人,你不能只是禁用排序。 我找到的解决方案是将搜索值保持为true(默认值),并使用dom:初始化参数跳过(f)过滤选项。

离)

$('#tableId').DataTable({
    dom: 'Bti',
    //Note, this maintains (B)uttons, then the (t)able, then the (i)nfo section - skipping the (l)ength, (f)iltering, (p)agination, and p(r)ocessing which I didn't want.
    // ... other initialization ...
});

DataTables - DOM Reference Page