对DataTable jquery进行排序,排除文本字段中的空格

时间:2016-05-06 04:23:08

标签: javascript jquery datatables datatables-1.10

我的情景:

我正在尝试对使用DataTable jquery插件的表的日期列进行排序,并且我已经对表进行了排序,但文本字段具有空格。因此,当我排序" ASC "顺序,然后空文本字段将首先占用。这不应该发生。我想对表格进行排序,不包括空文本框。

我尝试了以下代码:

jQuery.extend(jQuery.fn.dataTableExt.oSort, {
"customdatesort-pre": function (formElement) {
    // returns the "weight" of a cell value
    var r, x;
    var a = $(formElement).val();

    if (a === null || a === "") {
        // for empty cells: weight is a "special" value which needs special handling
        r = false;
    } else {
        // otherwise: weight is the "time value" of the date
        x = a.split("/");
        r = +new Date(+x[2], +x[1] - 1, +x[0]);
    }
    //console.log("[PRECALC] " + a + " becomes " + r);
    return r;
},
"customdatesort-asc": function (a, b) {
    // return values are explained in Array.prototype.sort documentation
    if (a === false && b === false) {
        // if both are empty cells then order does not matter
        return 0;
    } else if (a === false) {
        // if a is an empty cell then consider a greater than b
        return 1;
    } else if (b === false) {
        // if b is an empty cell then consider a less than b
        return -1;
    } else {
        // common sense
        return a - b;
    }
},
"customdatesort-desc": function (a, b) {
    if (a === false && b === false) {
        return 0;
    } else if (a === false) {
        return 1;
    } else if (b === false) {
        return -1;
    } else {
        return b - a;
    }
}
});

我在此代码中发现的问题:

在上面的代码中,您可以看到"customdatesort-pre": function (formElement)。参数formElement仅采用空值而不采用具有某些日期值的文本框。

我需要什么:

我需要对除空文本框之外的日期列进行排序。

1 个答案:

答案 0 :(得分:1)

自定义排序pre已废弃ascdesc。如果您定义了pre,则永远不会调用ascdesc方法。 pre表示优化功能,每个单元调用一次,然后内部排序器将使用该结果进行排序。请参阅this thread on datatables.net

相反,您可以将pre功能代码放在自定义排序文字之外,并在ascdesc方法中调用它:

customdatesortPre = function (formElement) {
  //customdatesort-pre code
}
jQuery.extend(jQuery.fn.dataTableExt.oSort, {
  "customdatesort-asc": function (a, b) {
    a = customdatesortPre(a), b = customdatesortPre(b);
    ...
  },
  "customdatesort-desc": function (a, b) {
    a = customdatesortPre(a), b = customdatesortPre(b);
    ...
  }
});

演示 - >的 http://jsfiddle.net/9j9gpsrn/