Jquery 表排序器和选择/下拉框
我正在使用tablesorter(),我的一个表有一个下拉选择框 通过下面的文本提取,我成功地使其按所选选项排序。但是,这仅适用于初始选择。如果我更改任何选项并重新排序表,它仍然使用旧值 如何教tablesorter使用当前选定的值Jquery 表排序器和选择/下拉框,jquery,tablesorter,Jquery,Tablesorter,我正在使用tablesorter(),我的一个表有一个下拉选择框 通过下面的文本提取,我成功地使其按所选选项排序。但是,这仅适用于初始选择。如果我更改任何选项并重新排序表,它仍然使用旧值 如何教tablesorter使用当前选定的值 textExtraction: function(node) { // Check if option selected is set if ($(node).find('option:selected').text() !=
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();
}
/js/parsers/
目录中名为parser input select
()的插件中有一个解析器,它包含解析(不需要文本提取
更改)和在用户更改选择时更新内部缓存的代码
要确保正在使用select解析器,请加载此解析器文件,然后按如下所示设置header选项(或header class namesorter select
):
$("table").tablesorter({
theme : "blue",
headers: {
0: { sorter: "select" }
}
});
您可以看到该解析器在或中工作。在名为
parser input select
()的/js/parsers/
目录中有一个解析器,该解析器随插件一起提供,其中包含解析(不需要文本提取
更改)和在用户更改选择时更新内部缓存的代码
要确保正在使用select解析器,请加载此解析器文件,然后按如下所示设置header选项(或header class namesorter select
):
$("table").tablesorter({
theme : "blue",
headers: {
0: { sorter: "select" }
}
});
您可以看到此解析器在、或中工作