jquery tablesorter 过滤器插件答案

【问题标题】：jquery tablesorter filter pluginjquery tablesorter 过滤器插件
【发布时间】：2009-05-08 15:14:54
【问题描述】：

我正在使用tablesorter jquery 插件和这个很棒的tablesorter filter 插件。

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

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

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

使用这样的处理程序：

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

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

【问题讨论】：

同样的问题。我非常希望有一个包含所有 HTML、JS 和引用的简洁示例……这是一场噩梦。
@ScottBeeson 试试我的fork of tablesorter。它有一个filter widget 可能对你有用~查看filter_onlyAvail 选项。

标签： jquery tablesorter

【解决方案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];
  }
}

【讨论】：

【解决方案2】：

I work width jFilterSelect the filters for Tablesorter:

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

【讨论】：

但此过滤器不适用于页面上的多个表。选择从其他表的外部列中检索不必要的数据。有人知道解决办法吗？

【解决方案3】：

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

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

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

【讨论】：