关于bootstrap table 获取隐藏列

最新推荐文章于 2022-07-12 17:34:22 发布

亨呢还要悟再谦虚点

最新推荐文章于 2022-07-12 17:34:22 发布

阅读量5.5k

点赞数

文章标签： bootstraptable

本文链接：https://blog.csdn.net/u013194063/article/details/79671855

版权

例如数据库的id我们并不想让使用者发现但在删除操作时我们又需要将id发送到后端此时就需要隐藏某一列

使用下方属性将该列隐藏

visible: false

之后使用转义符将该行信息获取到

\''+row.stage_assess_id+'\'

贴上完整代码

1.该方法适用于数据较少的情况下

columns: [
                [
                    {
                        field: 'student_name',
                        title: '姓名',
                        align: 'center',
                        colspan: 1
                        ,width:100
                    },
                    {
                        field: 'teacher_name',
                        title: '指导老师',
                        align: 'center',
                        colspan: 1
                        ,width:100
                    },
                    {
                        field: 'start_time',
                        title: '开始时间',
                        align: 'center',
                        colspan: 1,
                        width:100
                    },
                    {
                        field: 'student_id',
                        title: 'student_id',
                        align: 'center',
                        colspan: 1
                        , visible: false
                    },
                    {
                        field: 'follow_day',
                        title: '跟师天数',
                        align: 'center',
                        colspan: 1
                        ,width:100,
                        formatter: function (value, row, index) {
                            return [
                                '<a  class="RoleOfA" οnclick="gsts(this,\''+row.stage_assess_id+'\')" ><i style="margin-right:15px;"></i>' + row.follow_day + '</a>',
                            ].join("");
                        }
                    },

2.第二种方法

设置events：operateEvents

{
                        field: 'files',
                        title: '操作',
                        align: 'center',
                        colspan: 1,
                        events: operateEvents,
                        formatter: function (value, row, index) {
                            return [
                                '<a id="RoleOfA" class="RoleOfA" ><i style="margin-right:15px;"></i>详细 </a>',
                                '<a id="RoleOfC" class="RoleOfC" οnclick="del(this,\''+row.noteID+'\',\''+row.file_id+'\')" ><i></i> 删除</a>'
                            ].join("");
                        }
                    }

之后

window.operateEvents = {
            "click #RoleOfA": function (e, value, row, index) {
                $('#jcr').val(row.student_name);
                $('#zdls').val(row.teacher_name);
                $('#nd').val(row.annual);
            }
        };

这段时间爬坑收集出来的资料如果各位大神有更好的方法欢迎