javascript – jquery tablesorter过滤器 – 如何计算过滤的行

我正在使用jQuery插件jquery-tablesorter-filter.它很棒.当我想要计算表被过滤后的行数时,我有问题.

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

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

这是计算过滤行(当前在屏幕上的行)的代码.但它没有给我正确的结果.它给出了过滤行的最后计数,而不是当前计数.它总是给出一个键击的结果.

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

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

    if (textLength > 0) {

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

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

});

解决方法:

内置事件有什么问题：http://mottie.github.com/tablesorter/docs/example-option-show-processing.html

示例如下所示：

$("#tblContainer").tablesorter({
debug: false,
sortList: [
  [0, 0]
],
widgets: ['zebra']
}).bind('filterEnd', function() {
  $("#countCourseRow").html("");
  $("#countCourseRow").html("found " + $('#myTable tr:visible').length);
});

标签：jquery,javascript,jquery-plugins,tablesorter
来源： https://codeday.me/bug/20190613/1235164.html