Tablesorter filter-only 可用

Question

我使用 gem jquery-tablesorter-rails 的 tablesorter (mottie's fork v2.23.0)

我有一个表，我在其中使用类 filter-select filter-onlyAvail 来获取列中仅可用选项的下拉列表。

最近我在列中添加了 jeditable，该列向单元格添加了一个脚本标记（也可能将值嵌入到跨度中），如下所示：

<td>                  
  <span class="editable" data-id="15" data-name="user[route]" title="Click to edit..">1</span>
  <script type="text/javascript">
    ...script for jeditable....
  </script>
</td>

结果是选择过滤器下拉列表显示了值的所有变体，包括脚本内容。

我尝试使用添加了过滤器匹配类的 filter_selectSource，但过滤器的内容很常见（如 1,2 99 等）我在脚本中得到了很多错误命中。

关于如何在选择人口和搜索结果中放弃脚本标签内容的任何指针？

Answer 1

我最终在要用于过滤和排序的元素上使用了 data-text="value"。

在我的例子中是标签。

但是，这不会更新 tablesorter 的过滤器值或搜索更新单元格的内容。

Answer 2

使用filter_selectSource option 填充过滤器下拉列表。

设置为数组

filter_selectSource : {
  0 : [ "abc", "def", "ghi", "xyz" ]
}

或函数：

filter_selectSource : function(table, column, onlyAvail){
  // get an array of all table cell contents for a table column
  var array = $.tablesorter.filter.getOptions(table, column, onlyAvail);
  // manipulate the array as desired, then return it

  return array;
}

另外，由于动态排序的表格行中的内联脚本并不理想，请查看editable widget，它使用 HTML5 contenteditable 来允许用户交互。