个人搜索,数据表

时间:2014-12-05 15:34:18

标签: jquery datatables jquery-datatables

好的,我的代码有效,但由于某种原因,它没有过滤任何结果。它总是返回零,即使我做的搜索是在那里。任何帮助将不胜感激。

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

    var tdata;

    $('#filterrow').hide();

    $.ajax({
        type: "POST",
        url: "DataTable.aspx/GetData",
        data: "{}",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function(result) {

            tdata = jQuery.parseJSON(result.d);

            oTableData = $("#tblDataTable").DataTable({
                data: tdata,
                responsive: true,
                dom: '<"top"Tfl><"clear">rt<"bottom"ip><"clear">',
                tableTools: {
                    "sSwfPath": "/Content/DataTables-1.10.4/extensions/TableTools/swf/copy_csv_xls.swf",
                    "aButtons": [
                        {
                            "sExtends": "copy",
                            "sButtonText": "Copy to clipboard",
                            "oSelectorOpts": { page: 'current' }
                        },
                        {
                            "sExtends": "csv",
                            "sButtonText": "Export to CSV",
                            "oSelectorOpts": { page: 'current' }
                        }
                    ]
                }
                columns: [
                    { data: 'Amount' },
                    { data: 'MessageDate' },
                    { data: 'Status' },
                    { data: 'MessageId' }
                ]
            });

            var table = oTableData;
            table.columns().eq(0).each(function (colIdx) {
                $('input', table.column(colIdx).footer()).on('keyup change', function () {
                    table
                        .column(colIdx)
                        .search(this.value)
                        .draw();
                });
            });
        }
    });
});

我已从这个网站上删除:

http://www.datatables.net/examples/api/multi_filter.html

**更新**

如果我使用个人ID搜索,则可以:

$('#dtreference').on('keyup', function () {
    oTableData
        .columns(0)
        .search(this.value)
        .draw();
});

**更新**

好的,所以添加一些日志记录显示以下内容。在表的初始绘制中,我有7列0,1,2,3,4,5,6

当我在第一列中输入值时,日志记录显示以下内容:

1,2,3,4,5,6-

我仍然期望这会搜索/过滤表格。

0 个答案:

没有答案