jquery TableSorter - 如何动态关闭过滤器

Question

我正在使用 TableSorter 版本 2.28.1。我打开了过滤器。

 widgets: ["zebra", "filter"]

我希望能够在显示表格之前在代码中关闭或打开过滤器。这基于来自上一页的参数。

我使用的是 C#，页面上的表格是 .net Gridview 控件。

大家有什么想法吗？

Answer 1

使用 applyWidgetId 的组合和 removeWidget切换过滤器小部件的方法( demo ):

HTML

<button type="button">Add Filter</button>
<table class="tablesorter">...</table>

脚本

$(function() {
    var $table = $('table');

    $('button').click(function(){
    var btn = $(this),
        addWidget = /add/i.test(btn.text());
    if (addWidget) {
      btn.text('Remove Filter');
      $table.trigger('applyWidgetId', 'filter');
    } else {
      btn.text('Add Filter');
      $table.trigger('removeWidget', 'filter');
    }
    return false;
  });

  $table.tablesorter({
    theme: 'blue',
    widgets: ['zebra']
  });
});