jQuery Datatable - 更改数据网址

时间:2016-07-18 11:15:06

标签: jquery datatables

目前正在使用jQuery Datatables插件。

我现在需要能够根据某些表单输入值更改ajax数据源,这些值会在按钮点击时提交吗?

实现此目的的推荐方法是什么?

$(document).ready(function () {

        $('#btnReport')
            .click(function () {
                var table = $('#reports').DataTable();
                table.ajax.reload();
            });

        var querystring = '?from=' + $('#datetimepickerFrom').val() + '&till='  $('#datetimepickerFrom').val();

        var url = '/api/reports/custom';

        var table = $("#reports").DataTable({
            ajax: {
                url: url + queryString,
                dataSrc : ""
            },
            columns: [
                {
                    data: "fullName"
                },
                {
                    data: "timeIn"
                }
            ]
        });

    });

非常感谢

1 个答案:

答案 0 :(得分:2)

使用ajax.url()ajax.url().load()设置表格的网址并从该网址加载数据。

例如:

function getDataTableUrl(){
    return 
        '?from=' + $('#datetimepickerFrom').val() 
        + '&till=' +  $('#datetimepickerFrom').val();
}

$('#btnReport')
    .click(function () {
        var table = $('#reports').DataTable();
        table.ajax.url(getDataTableUrl()).load(); 
    });