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,到后台去获取数据，应该怎么做呢？求指教

解决方案

https://jalena.bcsytv.com/arc...

这篇关于bootstrap-table服务端自定义搜索怎么实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！