async function GetUsherList() {
var url = "/api/RsvWork/GetUsherListNew";
``//方式一:普通的ajax请求,将放回的数据,使用 $('#tbRsv').bootstrapTable("load", rsp.rows);载入到 table 中
const data = queryParams();
console.log(data);
const rsp = await axios.post(url, data);
if (rsp.code !== 0) throw new Error(rsp.msg);
console.log(rsp);
$('#tbRsv').bootstrapTable("load", rsp.rows);
$("#tbRsv").bootstrapTable("hideLoading");
``//方式二:直接使用boostrapTable 的 refreshOptions,请求Url并自动绑定返回的数据,要求返回的数据中必须包含 rows(绑定到表格中的数据),total(记录总数,用于翻页)
$('#tbRsv').bootstrapTable('refreshOptions', {
method: 'post',
contentType: "application/x-www-form-urlencoded",//必须要有!!!!
url: url,//要请求数据的文件路径
//dataField: "rows",//bootstrap table 可以前端分页也可以后端分页,这里
//我们使用的是后端分页,后端分页时需返回含有total:总记录数,这个键值好像是固定的
//rows: 记录集合 键值可以修改 dataField 自己定义成自己想要的就好
queryParams: queryParams,//请求服务器时所传的参数
sidePagination: 'server',//指定服务器端分页
pageSize: 10,//单页记录数
pageList: [10, 20, 50, 100],//分页步进值
})
}
其中参数获取的方法:function queryParams(params) {
$("#tbRsv").bootstrapTable("showLoading");
var Airport = window._SESSION_USER.cur_airport;
var Terminal = $("#txtTerminal").val();
var Name = $("#txtName").val();
var IsWel = $("#txtIsWel").val() == "1";
var mydate = new Date();
var CurTime = new Date().format('yyyy-MM-dd hh:mm:ss');
var ChannelType = $("#txtChannelType").val();
filter = { Airport: Airport, Terminal: Terminal, Name: Name, CurTime: CurTime, ChannelType: ChannelType, IsWel: IsWel };
var options = $("#tbRsv").bootstrapTable('getOptions');
console.log(options);
var pageNumber = options.pageNumber;
//console.log(pageNumber);
var limit = options.pageSize;
//console.log(limit);
if (limit == undefined)
limit = 10;
if (pageNumber == undefined)
pageNumber = 1;
var pager = {
page_no: pageNumber,
page_size: limit,
sort_name: 'FIRSTTIME',//'WORKTIME',
is_desc: false,
}
``//参数名称 要与接口中定义的名称一致
return {
req: JSON.stringify(filter),
pager: JSON.stringify(pager),
};
}