2

我觉得这有一个“呃”的答案，但是

我正在使用 jQuery 插件 DataTables.net 来显示 json Google 电子表格。你可以在这里看到它的作用：http: //jsfiddle.net/ukoku/jEqu2/2/

我想按位置列对行进行排序，该列以 A1、B2 格式读取，如国际象棋。对于数字，我知道我需要零填充，但我不知道如何将零添加到字母数字数据，我也不知道如何使用 DataTables 而不是常规字符串来做到这一点。

编辑：对不起，我不清楚。我认为需要添加零的位置是在字母字符和位置插槽中的数字之间。例如，目前，Q9 排序在 Q14 之后。我需要它首先按 alpha (Ax, Bx) 排序，然后在该排序中作为数字。通常，当我的 1 显示为高于 10 时，这是因为我需要用零填充来获得 001 和 010。但我不确定如何在 Q009 和 Q014 等的数字之间添加零，或者这甚至是正确的解决方案。

最终，目标是自定义 CSS 以在组中显示具有相同位置的行。老实说，我也不知道这是否可能，但因为我什至无法对数据进行排序......

4

2 回答 2

2

这是你追求的正确轨道吗？http://jsfiddle.net/rMUWD/

于 2012-10-07T01:40:10.017 回答
0

这是另一种方法：

var compare = function(a, b) {
        return a > b ? 1 : a === b ? 0 : -1;
    },
    compareAlphanumeric = function (a, b) {
        alpha = compare(a.alpha, b.alpha);
        numeric = compare(a.numeric, b.numeric);
        return (alpha === 1 | (alpha === 0 && numeric === 1)) ? 1 : (alpha === 0 && numeric === 0) ? 0 : -1;
    };
jQuery.fn.dataTableExt.oSort['alphaNumeric-asc'] = function(a, b) {
    var r = /^([A-Za-z]+)([0-9]+$)/,
        a = {
            "alpha": a.split(r)[1],
            "numeric": parseInt(a.split(r)[2], 10)
        },
        b = {
            "alpha": b.split(r)[1],
            "numeric": parseInt(b.split(r)[2], 10)
        };
        return compareAlphanumeric(a, b);
};
jQuery.fn.dataTableExt.oSort['alphaNumeric-desc'] = function(a, b) {
    var r = /^([A-Za-z]+)([0-9]+$)/,
        a = {
            "alpha": a.split(r)[1],
            "numeric": parseInt(a.split(r)[2], 10)
        },
        b = {
            "alpha": b.split(r)[1],
            "numeric": parseInt(b.split(r)[2], 10)
        };
        return compareAlphanumeric(b, a); //reverse a and b for desc
};

在这里工作小提琴：http: //jsfiddle.net/jEqu2/3/

该compare函数是您的基本比较函数。compareAlphanumeric根据以下真值表返回 1、0 或 -1：

/*
        Alpha   Numeric     Result
        -1      -1          -1
        -1      0           -1
        -1      1           -1
        0       -1          -1
        0       0           0
        0       1           1
        1       -1          1
        1       0           1
        1       1           1
*/

大部分实际工作是在oSort函数中完成的：

//First declare a RegExp to split the location into an array of [letter, number] 
var r = /^([A-Za-z]+)([0-9]+$)/,
//convert the passed "a" parameter to an object containing its letter and number,
//and parse the number portion to an actual number instead of its string representation.
    a = {
        "alpha": a.split(r)[1],
        "numeric": parseInt(a.split(r)[2], 10)
    },
//do the same for b
    b = {
        "alpha": b.split(r)[1],
        "numeric": parseInt(b.split(r)[2], 10)
    };
//return the alphanumeric comparison
    return compareAlphanumeric(a, b);

而在降序oSort中，我们只需要切换传递给的参数的顺序即可compareAlphanumeric。

于 2012-10-07T02:40:11.097 回答