Tabulator-排他头过滤器-如何？

Question

我为我们当地的动物收容所编写并支持了一个小型网络应用程序，以帮助志愿者找到狗。我选择Tabulator是因为它功能强大且易于使用，并且对我的选择感到非常满意。对于该应用程序的第一个版本，我使用外部输入字段进行搜索，并手动进行所有接线以支持实时搜索。

现在，我正在使用v2，正在尝试使用标头过滤器。我的问题是过滤器需要互斥，即使用filter1清除/禁用过滤器2和3，使用filter2清除/禁用1和3，依此类推。在外部搜索字段中，我使用focus（）事件来执行此操作。当我尝试使用jQuery on（focus）委托对标头过滤器执行相同操作时，例如table.setHeaderFilterValue（“ field1”，“”），它不起作用；事件触发，但输入框永远不会获得焦点，因此我无法键入它。我尝试过各种不同的事件，例如click；但我尝试过的任何方法都无法正常工作。

我已经研究了文档，并为此苦了几个小时。我已经考虑过钩住dataFiltering（）并消除不需要的过滤器，但是我不确定如何识别要保留的过滤器，仍然存在要处理的字段中的文本问题用。我确信前端工作不是我的专业领域，但这对我没有帮助，尽管到目前为止我已经做得很好。有没有一种简单或正常的方式来执行此操作，而我只是没有看到？

Answer 1

嗯，我想出了[[a]]解决方案：三个代码块，例如

    \$(document).on("focus", ".tabulator-col[tabulator-field=field1] input[type=search]", function() {
        table.setHeaderFilterValue("field2", "");
        table.setHeaderFilterValue("field3", "");
        table.setHeaderFilterFocus("field1");
        table.clearFilter();
    });

角色在字段1,2,3之间旋转。似乎有点笨拙，我希望可以将其概括化，但至少可以使用。如果有人有更好的解决方案，我将很高兴看到它。