目前正在使用jQuery Datatable插件。
我现在需要能够根据一些表单输入值更改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"
}
]
});
});
非常感谢
使用ajax。url()和ajax。url()。load()
设置表的URL并从该URL加载数据。
例如:
function getDataTableUrl(){
return
'?from=' + $('#datetimepickerFrom').val()
+ '&till=' + $('#datetimepickerFrom').val();
}
$('#btnReport')
.click(function () {
var table = $('#reports').DataTable();
table.ajax.url(getDataTableUrl()).load();
});