javascript - 用于排序的数据表自定义下拉列表

Question

我有以下下拉菜单。

<select name="sortBy" id="sortBy">
    <option value="0_asc" selected="selected">Reference #</option>
    <option value="0_desc">Reference # (desc)</option>
    <option value="pe-sku-column_asc">Part # (asc)</option>
    <option value="pe-sku-column_desc">Part # (desc)</option>
    <option value="pe-title-column_asc">Description (asc)</option>
    <option value="pe-title-column_desc">Description (desc)</option>
    <option value="pe-price-column_asc">Price (asc)</option>
    <option value="pe-price-column_desc">Price (desc)</option>
</select>

现在我想根据下拉选择对我的数据表进行排序

我试过了

jQuery(document).ready(function ($) {
    var oTable = $('#super-product-table').DataTable({
        dom: 't'
    });

    $('#myInputTextField').keyup(function () {
        oTable.search($(this).val()).draw();
    })

    $("#sortBy").change(function () {

        oTable.fnSort([[1, 'asc']]);
    })
});

但它给了我

TypeError: oTable.fnSort is not a function

我搜索了fnsort在 datatable.js 中找到它。

还有一件事，当我将 DataTable 更改为 dataTable 时，排序开始工作，自定义搜索停止。

Answer 1

请参阅the answer由 @davidkonrad 提供有关 dataTable() 和 DataTable() 之间差异的信息。

如果您想使用 DataTable()，请将旧的 API 方法 fnSort 替换为新的 API 方法 order() 。例如:

oTable.order([1, 'asc']).draw();

参见conversion guide for DataTables 1.10了解更多信息。