首先有一个方法能够使用bootstrap-table进行服务器端分页,从后台获取数据,然后再页面表格中显示,没有问题
代码:
window.getUserList=function(){
console.info("123");
var dataTables= $('#userTable').bootstrapTable({
method: 'get',
url:"/user/getUserList",//数据源
sidePagination: 'server',//设置为服务器端分页
pagination: true, //是否分页
search: false, //显示搜索框
pageSize: 10,//每页的行数
toolbar: '#userTableToolbar',
pageNumber:1,
showRefresh: true,
showToggle: true,
showColumns: true,
queryParams: queryParams,
striped: true,//条纹
columns: [
{
title: "客户名称",
field: "companyName",
},
{
title: "创建日期",//标题
field: "createDate",//键名
},
{
field: "status",
title: "状态",
formatter: statusFormatter,//对本列数据做格式化
},
{
field: "tradeName",
title: "行业",
},
{
field: "companyCode",
title: "下级公司",
width:"130px",
formatter: infoFormatter,//对本列数据做格式化
},
{
field: "companyCode",
title: "账号",
width:"130px",
formatter: accountFormatter,//对本列数据做格式化
},
{
field: "_id",
title: "操作",
valign:"middle",
align:"center",
formatter: editFormatter,//对本列数据做格式化
}
],
});
}
//表格数据获取的参数
function queryParams(params) {
return {
limit:params.limit,
offset:params.offset,
sortOrder: params.order,
companyName:searchBox.userName,
status:searchBox.userName,
starDate:searchBox.userName,
endDate:searchBox.endDate
};
}
然后再页面上有一个按钮事件,是搜索,调用方法getUserList();
window.searchBtn=function(){
getUserList();
}
通过按钮点击调用getUserList()方法,控制台已经输出123,但是就是没有执行bootstarp-table的ajax,到后台去获取数据,应该怎么做呢?求指教
https://jalena.bcsytv.com/arc...