zoukankan      html  css  js  c++  java
  • 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');// 设置隐藏列  
                }
  • 相关阅读:
    图像识别试验
    uCos-III移植到STM32F10x
    我为什么要学习C++反汇编
    网络爬虫基本原理(一)
    JavaScript对象模型-执行模型
    gdb core调试
    进程、轻量级进程(LWP)、线程
    谁动了我的cpu——oprofile使用札记
    Linux IO多路复用之epoll网络编程(含源码)
    黑客常用WinAPI函数整理
  • 原文地址:https://www.cnblogs.com/sunxun/p/9474381.html
Copyright © 2011-2022 走看看