Question

我使用的tablesorter jquery插件与这个精彩的tablesorter filter插件配对。

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

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

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

使用像这样的处理程序：

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

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

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

我工作宽度jFilter选择Tablesorter的过滤器：

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

Answer 3

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

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

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

jquery tablesorter过滤插件

3 个答案: