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

阅读 12.9k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏