寻找一种将 select2 控件与 tablesorter 的内部过滤器小部件一起使用的方法

Posted 2023-05-07

【中文标题】寻找一种将 select2 控件与 tablesorter 的内部过滤器小部件一起使用的方法

【英文标题】：Looking for a way to use a select2 control with an internal filter widget of tablesorter

【发布时间】：2014-04-14 00:45:35

【问题描述】：

内部过滤器小部件与此示例中概述的外部过滤器相对：

http://mottie.github.io/tablesorter/beta-testing/example-external-filters-using-select2.html

我正在寻找一种类似于前两个带有占位符的外部过滤器框的行为：AlphaNumeric 和 AlphaNumeric Tag，但我希望该行为在表格内。这是我尝试做的：

<th class="filter-select2" data-placeholder="select something">

这不起作用，但如果我将"filter-select2" 更改为"filter-select"，那么它会起作用。

我正在寻找一种方法来破解/自定义现有的 tablesorter 行为以允许在内部使用 select2。我不太了解 JS 和库，无法自行尝试。

这是我用来初始化 tablesorter 库的 javascript sn-p。

$('#table1').tablesorter(
    theme : 'ice',
    cssInfoBlock : 'tablesorter-no-sort',
    widgets: ['zebra', 'stickyHeaders', 'filter']
);

【问题讨论】：

比这要复杂一些...我正在编写一些代码来让 select2 与 filter formatter option 一起工作，但我还没有彻底测试过。当我有更多空闲时间时，我会看看我能做什么。

嗨@Mottie，我明白并且可以等待。您不欠任何人任何东西，尽管您对改进和维护 tablesorter 的热情肯定受到其他程序员和我自己的赞赏。您是否考虑过为这个极具价值的图书馆募集 PayPal 捐款？

这可能与这个问题并不完全相关，但我目前使用的是 selected，而不是 select2（只是因为我偶然发现了先选择）。我可以转储它并开始使用 select2。我想你开始支持一个而不是另一个是有原因的。任何cmets：***.com/questions/13575531/…

同样的原因...我遇到了第一个选择。哈哈。我现在确实更喜欢 select2，但我还有很多其他的事情要做，以至于我很难找到时间，或者记不起做这些小项目。

【参考方案1】：

我刚刚为select2 插件添加了一些过滤器格式化程序代码。按如下方式使用：

$('table').tablesorter(
  theme: 'blue',
  widthFixed: true,
  widgets: ['zebra', 'filter'],
  widgetOptions : 
    filter_reset : 'button.reset',
    filter_formatter : 
      // Alphanumeric (match)
      0 : function($cell, indx)
        return $.tablesorter.filterFormatter.select2( $cell, indx, 
          match : true, // adds "filter-match" to header
          cellText : 'Match: ',
          width: '85%'
        );
      
    
  
);

【讨论】：

谢谢您，先生，我打算在一周内尝试一下。