tablesorter 和选择/下拉框

Question

我正在使用 tablesorter ( http://mottie.github.io/tablesorter/docs/index.html ) 并且我的一个表有一个下拉选择框。

通过下面的文本提取，我设法按所选选项对其进行排序。但是，这只适用于初始选择。如果我更改任何选项并对表格重新排序，它仍然使用旧值。

如何教 tablesorter 使用当前选定的值？

    textExtraction: function(node) {
        // Check if option selected is set
        if ($(node).find('option:selected').text() != "") {
            return $(node).find('option:selected').text();
        }
        // Otherwise return text
        else return $(node).text();
    }

Answer 1

在/js/parsers/名为parser-input-select( ref )的目录中，插件附带了一个解析器，其中包含用于解析（textExtraction不需要更改）和在用户更改选择时更新内部缓存的代码。

为了确保选择解析器被使用，加载这个解析器文件，然后如下设置 headers 选项（或 header 类名sorter-select）：

$("table").tablesorter({
    theme : "blue",
    headers: {
        0: { sorter: "select" }

    }
});

您可以在分组小部件演示或此 jsFiddle 中看到此解析器。