javascript - 使用下拉列表的新值在下拉列表更改时重新加载数据表

Question

我的代码如下，

$(document).ready(function () {
    var filterDays = $("#countRecordsDay").val();
    dTable = $('#topcustomer_order').dataTable({
        bStateSave: true,
        responsive: false,
        bJQueryUI: false,
        bProcessing: true,
        bServerSide: true,
        bFilter: false,
        bLengthChange: false,
        "bAutoWidth": false,
        //multipleSelection: true,
        iDisplayLength: 10,
        sAjaxSource: CustomerOrderAjaxSource,
        dom: "<'row'<'col-sm-2'l><'col-sm-10'f>>" +
                "<'row'<'col-sm-12'tr>>" +
                "<'row'<'col-sm-12 text-right fullshowignentry'i><'col-sm-12'p>>",
        fnServerParams: function (aoData) {
            aoData.push({"name": "days", "value": filterDays});
        },
        aoColumns: [
            {"sName": "Id"},
            {"sName": "CustomerName"},
            {"sName": "Orders"},
        ],
        "aaSorting": [[0, 'desc']],
        sPaginationType: "full_numbers"});

    $('#countRecordsDay').change(function () {
        dTable.api().ajax.reload();
 });

它重新加载数据表，但没有获取参数新值的值，请问谁能帮我解决一下吗？

Answer 1

这是因为您在 $(document).ready 中分配了参数值，即在页面加载时。当您过滤数据表时，不会调用此代码，因此 filterDays 始终是默认值。

解决方法很简单:

fnServerParams: function (aoData) {
     aoData.push({"name": "days", "value": $("#countRecordsDay").val()});
},

这样参数始终是当前选择的值。