TableSorterJS重新应用默认过滤器选择

Question

我将过滤器的默认值设置为如下所示

<th>Status</th>
<th data-value="N">Complete</th>
<th>Audit Date</th>

https://mottie.github.io/tablesorter/docs/example-widget-filter.html filter-default-attrib

我还添加了一个重置按钮

$(table).trigger('sortRestart').trigger('filterReset');
$(this).addClass("toggled");

我想做的是有另一个按钮来切换默认搜索条件。

因此，单击按钮一次将清除过滤器，再次单击它将重新应用过滤器。到目前为止，这个按钮似乎只有一个方向。

Answer 1

可能有更优雅的解决方案来解决这个问题，但我可以用下面的方法来解决。

$(document).on("click", ".clearFilterButton", function ()
{
var table = $("#" + $(this).attr("data-table"));
var toggled = $(this).hasClass("toggled");
if (toggled)
{
table.find("th").each(function (index)
{
var defaultFilter = $(this).attr("data-defaultValue");
if (defaultFilter != undefined)
{
table.find(".tablesorter-filter[data-column='" + [index] + ").val(defaultFilter);
}
});
$(table).trigger('search', "");
$(this).removeClass("toggled");
}
else
{
$(table).trigger('sortRestart').trigger('filterReset');
$(this).addClass("toggled");
}
});