0

我正在使用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>
4

1 回答 1

1

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

// 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);

演示。

于 2012-09-19T18:55:41.603 回答