表格跨页勾选

2021/2/17 layui

layui表格跨页勾选功能(common.js下的tableCheckPageAll函数)

# 基本使用

initShop(againParams = {}) {
    table.render({
        elem: '#goodSelectTable'
        , text: { none: '当前暂无数据' }
        , headers: config.getHeaderObj()
        , url
        , where: { ...params, ...againParams}
        , request: { pageName: 'pageNum', limitName: 'pageSize' }
        , parseData(res) {
            return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.data?.totalCount, //解析数据长度
                "data": res.data?.result //解析数据列表
            };
        }
        , cols: [
            [
                { type: 'checkbox' },
                { field: 'shopSkuId', title: 'SKU编码', align: 'center' },
                { field: 'shopSkuName', title: '商品名称', align: 'center' },
                { field: 'supplierName', title: '供应商', align: 'center' },
                { field: 'brandName', title: '品牌', align: 'center' },
                { field: 'modelCode', title: '规格型号', align: 'center' },
                { field: 'marketPrice', title: '单价', align: 'center' },
                { field: 'categoryFullName', title: '商品分类', align: 'center' }
            ]
        ]
        , page: true
        , done: function (res, curr, count) {
            tableCheckPageAll(res.data, 'goodSelectTable', cacheList, table)
        }
    })
},

# 效果演示

image-20220217110105732

image-20220217110125200