bootstrap-table服务端自定义搜索怎么实现?
首先有一个方法能够使用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,到后台去获取数据,应该怎么做呢?求指教
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
https://jalena.bcsytv.com/arc...