bootstrapTable 请求后端分页实现

$('#productTable').bootstrapTable({ 
        onClickRow:function (row,$element) {
            $element.addClass('sel_activeColor').siblings().removeClass('sel_activeColor');
            clickInfo = row;
            console.log(clickInfo)
        },
        url: queryMatchTrue,     
        method: 'post',
        contentType: "application/json",
        cache: false,                       
        pagination: true, 
        sortOrder: "asc",                  
        queryParams: {operator:'yes'},//传递参数(*)
        sidePagination: "server",        
        pageSize: 10,                     //每页的记录行数(*)
        pageNumber: 1,                       //初始化加载第一页,默认第一页
        clickToSelect:true,
        queryParamsType : "json", 
        queryParams: function queryParams(e) {   //设置查询参数  
            var param = {
                tableName:"LM_PRODUCT_LINE",
                lists:info,
                pageNum: e.pageNumber,
                pageSize: e.pageSize
            };
                
            return param;                   
        },
        responseHandler: function (res) {  //后台返回的结果
        
            if(res.success){
                var pageInfo = res.queryData.pageInfo.list;
                var NewData = [];
                if (pageInfo.length) {
                    for (let i in pageInfo) {
                        var dataNewObj = {};
                        dataNewObj.LM_PL_NUM = pageInfo[i].LM_PL_NUM;
                        dataNewObj.LM_PL_NAME = pageInfo[i].LM_PL_NAME;
                        dataNewObj.LM_PL_DESC = pageInfo[i].LM_PL_DESC;
                        dataNewObj.LM_PL_ID = pageInfo[i].LM_PL_ID;
                        dataNewObj.LM_PL_ORDER = pageInfo[i].LM_PL_ORDER;
                        NewData.push(dataNewObj);
                    }
                }
                var data = {
                    total: res.queryData.pageInfo.total,
                    rows: NewData
                };

                return data;
            }
        },
        columns:[ 
            {
                field: 'LM_PL_ORDER',
                title: '序号'
            },
            {
                field: 'LM_PL_NUM',
                title: '产品线编号'
            },
            {
                field: 'LM_PL_NAME',
                title: '产品线名称'
            },
            {
                field: 'LM_PL_DESC',
                title: '产品线描述'
            },
            {
                field: 'LM_PL_ID',
                title: 'id',
                    
            },
                
        ]
    })
 $('#productTable').bootstrapTable('hideColumn', 'LM_PL_ID'); 

让某一列内容隐藏

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值