0

コンソールに次のエラーが表示されます。

 "Uncaught TypeError: Object [object Object] has no method 'fnFilterClear'"

私のコード:

$(document).ready(function () {

var selectedColumn = $('#columnlist').find(":selected").text();

$('#csearchtext').bind("change paste keyup", function () {
    var input = $('#csearchtext').val();
    var dropdownindex = $("select[name='columnlist'] option:selected").index();

    console.log(dropdownindex);

    $('#table_id').dataTable().fnFilter(input, dropdownindex + 1, false, true, true, false);
});

$('#columnlist').on('change', function () {

    $('#table_id').dataTable().fnFilterClear();

});

$('#dblist').on('change', function () {

    var selected = $('#dblist').find(":selected").text();
    tablefill(selected);

});

$('#search').click(function () {

    var selected = $('#dblist').find(":selected").text();
    tablefill(selected);

});

function tablefill(selected) {
    $('.advsearchbar').show();
    $('#stable').show();

    $('#table_id').dataTable({
        "sAjaxSource": '/php/connect/searchtablequery.php',
        "bProcessing": true,
        "sScrollY": "500px",
        "bDeferRender": true,
        "bDestroy": true,
        "sAjaxDataProp": "",
        "fnServerParams": function (aoData) {
            aoData.push({ "name": "db", "value": selected });
        },
        "aoColumns": [
            { "mData": "calldate" },
            { "mData": "recordingfile" },
            { "mData": "uniqueid" },
            { "mData": "src" },
            { "mData": "did" },
            { "mData": "lastapp" },
            { "mData": "dst" },
            { "mData": "disposition" },
            { "mData": "duration" },
            { "mData": "userfield" },
            { "mData": "accountcode"}],
        "iDisplayLength": 20,
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "sDom": '<"H"Tfr>t<"F"ip>',
        "oTableTools": {
            "sSwfPath": "/DataTables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
            "aButtons": [
                "copy", "csv", "xls", "pdf",
                {
                    "sExtends": "collection",
                    "sButtonText": "Save",
                    "aButtons": ["csv", "xls", "pdf"]
                }]
        }
    });
 }
});

JavaScript は正常に起動していますが、トリガーする 1 つの場所でfnfilterclearそのエラーが表示されます。

4

1 に答える 1

1

http://datatables.net/plug-ins/api#how_to Datatable プラグイン API の使用方法を参照してください。関数を使用するには、そのページにリストされている関数を含める必要があります。

以下のプラグイン API 関数のいずれかを使用するには、DataTables ライブラリをロードした後、DataTable を初期化する前に、ページで使用可能な Javascript にそれを含める必要があります。その後、テーブルを初期化し、結果のオブジェクトで関数を呼び出すことができます。

于 2013-09-13T15:12:43.120 に答える