将列拖动到另一个位置后,数据表列筛选器复选框不起作用

时间:2015-07-24 12:41:18

标签: javascript jquery datatables

我正在使用数据表网格并在我的网格中添加数据表拖放列复选框过滤器功能,数据表列复选框过滤器工作正常

当我将列拖到另一个位置时,单击数据条列Filter的复选框,网格中的所有数据都会消失,并且消息"找不到匹配的记录"被展示。

这是我的代码:

$('#Table1').dataTable({
        "aLengthMenu": [3, 10, 50, 100],
        "iDisplayLength": 5,
        "ajaxSource": "../js/Group.JSON",
        dom: 'RC<"clear">lfrtip',
        fnInitComplete: function () {
            this.columnFilter({
                sPlaceHolder: "head:after",
                aoColumns:
                [

                    { type: "checkbox", values: null },
                    { type: "checkbox", values: null },
                    { type: "checkbox", values: null },
                    { type: "checkbox", values: null },
                    { type: "checkbox", values: null },
                    { type: "checkbox", values: null }
                ]
            })
        }
    });

1

2

1 个答案:

答案 0 :(得分:0)

最后,我自己解决了上述问题,我在这里发布了解决此问题的人的解决方案 我们需要打开jquery.dataTables.columnFilter.js并找到以下函数: 大致的行号是565  function fnCreateCheckbox(oTable,aData) 在这个功能的最后 你会找到 oTable.fnFilter(search,index,true,false);

你需要用this.value替换参数'index' 你的问题将得到解决..

此后复位按钮将无法正常工作,所以不要担心这只是去了590行

你会发现Jquery UI对话框插件,它具有你在上面改变的相同方法  oTable.fnFilter('',index,true,false); 你需要用this.value

替换参数'index'