jquery-tablesorter-filter - wie Anzahl der gefilterten Zeilen

Ich bin mit jQuery-plug-in jquery-tablesorter-filter. Es funktioniert Super. Ich habe ein problem, wenn ich will, zu zählen, wie viele Zeilen nach der Tabelle wird gefiltert. 

$("#tblContainer").tablesorter({
    debug: false,
    sortList: [
        [0, 0]
    ],
    widgets: ['zebra']

}).tablesorterFilter({
    filterContainer: $("#filterBox"),
    filterColumns: [1, 2],
    filterCaseSensitive: false
});

Hier ist der code zum zählen der gefilterten Zeilen (Zeilen, die derzeit auf dem Bildschirm). Aber es nicht geben Sie mir das richtige Ergebnis. Es gab bei der letzten Zählung der gefilterten Zeilen anstatt das aktuelle zählt. Es geben immer das Ergebnis mit einem Tastendruck hinter sich.

$("#filterBox").keyup(function () {

    var textLength = $("#filterBox").val().length;

    if (textLength > 0) {

        var rowCount = $("#tblContainer tr:visible").length;

        $("#countCourseRow").html(" found " + rowCount);
    } else {
        $("#countCourseRow").html("");
    }

});
  • Sie waren in der Lage, diese zu lösen?
InformationsquelleAutor Narazana | 2011-11-22
  1. 7

    Was ist falsch mit dem eingebauten Veranstaltungen: http://mottie.github.com/tablesorter/docs/example-option-show-processing.html

    Beispiel wie folgt Aussehen:

    $("#tblContainer").tablesorter({
debug: false,
sortList: [
  [0, 0]
],
widgets: ['zebra']
}).bind('filterEnd', function() {
  $("#countCourseRow").html("");
  $("#countCourseRow").html("found " + $('#myTable tr:visible').length);
});
    • Ah, Wenn Sie Header musst du noch -2 einfach nach der Länge.
    • Ich fügte die oben binden mit einem check auf die sichtbaren Zeilen. Er aktualisiert einen neuen header Hinzugefügt habe ich vor den Spalten. .bind('filterEnd', function() { /**** Aktualisieren der Zeilenanzahl, wenn filter angewendet wird. ****/ $('.tablesorter-header-inner span').html($('tbody tr:visible').Länge); });
    • Dein link zeigt die filter, aber ich sehe nicht die Zeilenanzahl gibt, Und diese Lösung funktioniert mit pager auch?
    • Für die header-Ausgabe, anstelle der Subtraktion 2 (oder 1, je nach header), die Sie verwenden können $('#myTable tbody tr:visible').length.
    InformationsquelleAutor Fredrik Erlandsson
  2. 0

    Einfach Bearbeiten Sie tablesorterFilter js-Datei, die Sie hinzufügen einer callback-Funktion:

    fügen Sie diese in Zeile 147 kurz vor return table; dass die Schließung von doFilter()

    if (jQuery.isFunction(filter.callback)){
      filter.callback();
}

    dann ändern Sie diese:

         this.defaults = {
        filterContainer: '#filter-box',
        filterClearContainer: '#filter-clear-button',
        filterColumns: null,
        filterCaseSensitive: false,
        filterWaitTime: 500,
        filterFunction: has_words,
        columns: []
      };

    zu

          this.defaults = {
        filterContainer: '#filter-box',
        filterClearContainer: '#filter-clear-button',
        filterColumns: null,
        filterCaseSensitive: false,
        filterWaitTime: 500,
        filterFunction: has_words,
        columns: [],
        callback: function(){}
      };

    Nun müssen Sie nur noch definieren Sie Ihre callback-Funktion, die hier 

    }).tablesorterFilter({
    filterContainer: $("#filterBox"),
    filterColumns: [1, 2],
    filterCaseSensitive: false,
    callback: function(){
         var rowCount = $("#tblContainer tr:visible").length;
         $("#countCourseRow").html(" found " + rowCount);
    }
});

    dies sollte es tun für Sie 🙂

    • Ich habe versucht, aber es funktioniert nicht. Ich veränderte die tbsorter-filter.js und fügte hinzu, die Rückruf-option und versuchte es von der Seite wie diese. callback: function(){ alert("ja"); }
    • kannst du es irgendwo hochladen, so kann ich einen Blick an ihm nehmen? möglicherweise erstellen Sie ein jsfiddle...
    • Ich habe gerade ein jsfiddle für Sie hier: jsfiddle.net/X7uF8
    • Sally konnte Sie überprüfen die jsfiddle. Nicht laden jetzt
    InformationsquelleAutor Sal
  3. 0

    Haben Sie vielleicht einen logischen Fehler in deinem Skript, sonst ist der einfachste Weg, um die Länge der sichtbaren Zeilen.

     $('#table_id tr:visible').length
    • versuchen Sie es. Es sein sollte.
    • Keine seiner nicht. gehen Sie mit diesem Lösung statt
    InformationsquelleAutor Usersbs
Schreibe einen Kommentar