jquery tablesorter 过滤器插件

Question

我正在使用 tablesorter jquery 插件与这个很棒的 tablesorter 过滤器 插件。

我的页面上有一个选择框，其中包含表中所有列的列表。 当用户选择选择它时，我希望能够将过滤器限制为仅选定的列。

到目前为止，我已将一个事件附加到选择框，如下所示：

$('#SelectedColumn').bind("change", columnSelected);

使用如下处理程序：

function columnSelected() {
  var selected = $(this).val();
  $.tablesorterFilter.defaults.filterColumns = [selected];
}

这确实正确设置了过滤器列的默认值，但当过滤器发生时，它实际上并不使用该值。 看来该插件允许您仅在构造时设置过滤列。 或者我的 jquery 新手无法弄清楚如何获取我需要翻转的数据位。

Answer 1

这以一种蛮力的方式让我得到了我想要的东西。 仍在寻找更好的解决方案。

function columnSelected() {
  var selected = $(this).val();
  $('#GoToTextBox').val('').focus();
  if (selected == 'Any') {
    $table.get(0).config.filter[0].filterColumns = null;
  } else {
    $table.get(0).config.filter[0].filterColumns = [selected];
  }
}

Answer 2

我的工作宽度 jFilterSelect Tablesorter 的过滤器：

http://www.jordigirones .com/131-filtros-desplegables-con-tablesorter.html

Answer 3

我有同样的问题。 在选择框发生更改事件时，只需重新加载页面即可解决您的问题。

<select name="search" id="search" onchange="refreshPage()" >

function refreshPage(){
        location.reload();
}