4

我正在使用这个很棒的 jQuery Tablesorter 版本：http: //mottie.github.com/tablesorter/docs/index.html

一切都运行良好，但现在我遇到了这个问题：在我的桌子上，我有一列包含篮球运动员的位置。因此，我希望该列按如下逻辑排序：PG-SG-SF-PF-C。

我试图创建这个自定义排序功能 - 看看我的脚本，第 2 列：

$(document).ready(function() { 

    $(".stats").tablesorter({
            sortInitialOrder: 'desc',
            sortRestart: true,
            // Enable use of the characterEquivalents reference 
            sortLocaleCompare: false, 
            // if false, upper case sorts BEFORE lower case 
            ignoreCase: true,
            headers: { 
                0: { 
                        sortInitialOrder: 'asc'
                }, 
                1: { 
                        sortInitialOrder: 'asc'
                },
                2: { 
                        textSorter: function(a, b){ 
                            var positions = {
                                "PG": 0,
                                "SG": 10,
                                "SF": 20,
                                "PF": 30,
                                "C": 40
                            };
                            return ((positions[a] < positions[b]) ? -1 : ((positions[a] > positions[b]) ? 1 : 0)); 
                        },
                        sortInitialOrder: 'asc'
                }
            }
        }
    ); 

});

但是，该列仍像普通文本字符串 (C-PF-PG-SF-SG) 一样按字母顺序排序。

我在哪里犯错？我在 Javascript 方面不是特别强，所以它可能在排序功能的某个地方。谢谢你。

4

1 回答 1

6

我通过添加我自己的解析器来解决这个问题，就像这个问题所示：Sorting Image and hyperlink columns in a table using JQuery Sorter plugin

我将复制我希望它工作的脚本，希望它可以帮助某人：

$(document).ready(function() { 

    $.tablesorter.addParser({
            // set a unique id 
            id: 'positions',
            is: function(s) {
                    // return false so this parser is not auto detected 
                    return false;
            },
            format: function(s) {
                    // format your data for normalization 
                    return s.toLowerCase()
                            .replace("pg", "d")
                            .replace("sg", "h")
                            .replace("sf", "m")
                            .replace("pf", "r")
                            .replace("c", "v");
            },
            // set type, either numeric or text 
            type: 'text'
    });     

    $(".stats").tablesorter({
            sortInitialOrder: 'desc',
            sortRestart: true,
            headers: { 
                0: { 
                        sortInitialOrder: 'asc'
                }, 
                1: { 
                        sortInitialOrder: 'asc'
                },
                2: { 
                        sorter: 'positions',
                        sortInitialOrder: 'asc'
                }
            }
        }
    );

});
于 2012-11-05T20:26:10.507 回答