Datatables benutzerdefinierten filtern, die mit der server-Seite

Ich bin mit datatables (datatables.net) und auch mit dem server-seitige Verarbeitung (django).

Habe ich eine seperate textfield, in dem ich es verwenden, um benutzerdefinierte filter-Daten in die DataTable nach der Tabelle wiedergegeben wurde bereits.

Folgendes funktioniert ganz gut:

Möchte ich benutzerdefinierte filter-Spalten

    var table = $('#problem_history').DataTable( {
        "bJQueryUI": true,
        "aaSorting": [[ 1, "desc" ]],
        "aoColumns": [
          //various columns here
        ],
        "processing": true,
        "serverSide": true,
        "ajax": {
          "url": "/getdata",
          "data": {
                 "friend_name": 'Robert'
          }
        }  
  } );

So auf die Seite laden (initial load der datatable -) Filter für 'Robert' just fine. Aber ich will jetzt programmgesteuert zu ändern, die Daten zu filtern "friend_name" == "Sara"

Ich alreeady habe versucht, die folgenden, die filteredData hat eine korrekt gefilterte Objekt, sondern die Tabelle an sich nicht neu mit dem neuen filter.

var filteredData = table.column( 4 ).data().filter(
        function ( value, index ) {
            return value == 'Sara' ? true : false;
        });
table.draw();

Ich auch dies versucht, aber kein Glück.

filteredData.draw();

Wie Kann ich das erreichen?

Danke für Eure Hilfe.

InformationsquelleAutor Amir Mog | 2015-11-24

  1. 6

    Hier ist eine sehr schöne Erklärung, wie es zu tun:
    https://datatables.net/reference/option/ajax.data

    Ich bin derzeit mit diesem code:

    "ajax": {"url":"/someURL/Backend",
        "data": function ( d ) {
                  return $.extend( {}, d, {
                    "parameterName": $('#fieldIDName').val(),
                    "parameterName2": $('#fieldIDName2').val()
                  } );
        }
}

    Rufen Sie es auf folgende Weise:

    $('#myselectid').change(function (e) {
        table.draw();
});

    Wenn Sie senden möchten, indem Sie auf die Taste, ändern Sie die .change zu .click und stellen Sie sicher, dass die ID verweist auf die Schaltfläche die id in einem HTML -

    InformationsquelleAutor Damir Olejar

  2. 1

    Haben Sie fast bekommen. Sie müssen nur ordnen Sie die filter-var
    der data-parameter übergeben wird in der datatables-Anfrage:

    "ajax": {
     "url": "/getdata",
     "data": {
     "friend_name": $('#myselectid').val();
    }
}

    Und Daten zu filtern, rufen Sie einfach draw() auf der wählen Sie change-Ereignis

    $('#myselectid').change(function (e) {
        table.fnDraw();
});

    InformationsquelleAutor markpsmith

Schreibe einen Kommentar