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),};}
