目前正在使用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"
}
]
});
});
非常感谢
答案 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();
});