• bootstarp-table 设置隐藏列


    在做隐藏列的时候会发现一个问题。

       var settings = {
            url: ctx + "rollapply/list",
            pageSize: 10,
            queryParams: function(params) {
                return {
                    pageSize: params.limit,
                    pageNum: params.offset / params.limit + 1,
                    stuNo:$(".rollapply-table-form").find("input[name='stuNo']").val().trim(),
                    stuName:   $(".rollapply-table-form").find("input[name='stuName']").val().trim(),
                    idCard: $(".rollapply-table-form").find("input[name='idCard']").val().trim(),
                    stuType: $(".rollapply-table-form").find("select[name='stuType']").val().trim(),
                    applyStatus: $(".rollapply-table-form").find("select[name='applyStatus']").val().trim(),
                    applyType: $(".rollapply-table-form").find("select[name='applyType']").val().trim(),
                    applyTime: $(".rollapply-table-form").find("input[name='applyTime']").val().trim(),
                };
            },
            columns: [{
                    checkbox: true
                },
                {
                    title : '序号',
                    formatter: function (value, row, index) {
                        return index+1;
                    }
                },{
                    field : 'id',
                    title : 'id',
                    hidden:true,
                    formatter: function (value, row, index) {
                         return '<input type="text" name="id" value="'+ row.id +'" hidden class="form-control">';
                    }
                
                },
                {
                    field: 'stuNo',
                    title: '学号',
                     150
                }, {
                    field: 'stuName',
                    title: '姓名'
                }, {
                    field: 'idCard',
                    title: '身份证号'
                }, {
                    field: 'stuClass',
                    title: '班级'
                }, {
                    field: 'stuType',
                    title: '申请类型',
                    align : 'center',
                    formatter: function(value, row, index) {
                            if (value == '0') return '退学';
                            else if (value == '1') return '休学';
                            else if (value == '2') return '复学';
                            else if (value == '3') return '保留学籍';
                            else return '无';
                    }
                }, {
                    field: 'applyType',
                    title: '申请理由',
                    align : 'center',
                    formatter: function(value, row, index) {
                            if (value == '0') return '征兵入伍';
                            else if (value == '1') return '因病';
                            else if (value == '2') return '家庭原因';
                            else if (value == '3') return '经济原因';
                            else if (value == '4') return '自主创业';
                            else if (value == '5') return '个人原因';
                            else if (value == '6') return '其他';
                            else return '无';
                    }
                } ,{
                    field: 'applyStatus',
                    title: '审核进度',
                    align : 'center',
                    formatter: function(value, row, index) {
                            if (value == '0') return '<span class="badge badge-warning">待审核</span>';
                            else if (value == '1') return '<span class="badge badge-success">通过</span>';
                            else if (value == '2') return '<span class="badge badge-danger">拒绝</span>';
                            else return '<span class="badge badge-warning">待审核</span>';
                    }
                }, {
                    field: 'applyTime',
                    title: '申请时间'
                }, {
                    field: 'approveTime',
                    title: '审核时间'
                } 
                ],
                onLoadSuccess:function(data){  
                    $('#rollApplyTable').bootstrapTable('hideColumn', 'id');// 设置隐藏列  
                }  
                
        }

    列设置了隐藏还是不能隐藏,因为你必须要加上下面这个才行。

     onLoadSuccess:function(data){  
                    $('#rollApplyTable').bootstrapTable('hideColumn', 'id');// 设置隐藏列  
                }
  • 相关阅读:
    Sass基础——Rem与Px的转换
    彻底弄懂css中单位px和em,rem的区别
    在Eclipse Android中设置模拟器屏幕大小
    设置Android模拟器的窗口大小
    安卓模拟器Android SDK 4.0.3 R2安装完整图文教程
    自适应网页设计(Responsive Web Design)
    手机web——自适应网页设计(html/css控制)
    jQuery动态创建html元素的常用方法汇总
    javascript——URI的编解码方法
    为革命保护视力 --- 给 Visual Studio 换颜色
  • 原文地址:https://www.cnblogs.com/sunxun/p/9474381.html
Copyright © 2020-2023  润新知