重用来自 JQuery DataTables 的排序函数

Question

我正在使用位于http://datatables.net/plug-ins/sorting 的 ENUM 排序例程。我想重用相同的函数来对 DataTables 插件之外的另一个列表进行排序（基本上对与 DataTable 相同的页面上的 SELECT 元素进行排序）。我想避免复制和粘贴（并维护两组业务规则）排序功能的功能。

例如，如果这是我用于 DataTables 的“插件”：

jQuery.extend(jQuery.fn.dataTableExt.oSort, {
  "status-enum-pre": function (a) {
    switch (a) {
      case "Assigned": return 1;
      case "Contacted": return 2;
      case "Meeting Set": return 3;
      case "Closed": return 4;
      default: return 5;
    }
  },

  "status-enum-asc": function (a, b) {
    return ((a < b) ? -1 : ((a > b) ? 1 : 0));
  },

  "status-enum-desc": function (a, b) {
    return ((a < b) ? 1 : ((a > b) ? -1 : 0));
  }
});

如何重新使用该函数对以下选择列表进行排序？

<select>
  <option value="Contacted">Contacted</option>
  <option value="Assigned">Assigned</option>
  <option value="Closed">Closed</option>
  <option value="Meeting Set">Meeting Set</option>
</select>

Answer 1

从jQuery.fn.dataTableExt.oSort属性中获取需要的排序函数，然后传递给Array#sort，后者接收一个比较器函数。例如，要使用status-enum-asc 对select 进行排序，您需要：

// Plugin sort functions
var sortFn = jQuery.fn.dataTableExt.oSort["status-enum-pre"];
var sortDirFn = jQuery.fn.dataTableExt.oSort["status-enum-desc"];

// Sort
var options = $("select option");
options.sort(function(a,b) {
    return sortDirFn(sortFn(a.text), sortFn(b.text));
});

// Empty and append sorted options
$("select").empty().append(options);

DEMO.