bootstrap-table服务端自定义搜索怎么实现?

发布于 2022-09-04 02:15:55 字数 2684 浏览 9 评论 0

首先有一个方法能够使用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文