fastadmin如何隐藏单元格中的部分操作按钮

一、隐藏修改，删除按钮

法一：简单暴力的隐藏(但可能会影响外部删除的操作)

直接在表格参数配置部分进行隐藏

法二：根据代码进行隐藏

代码位置：public/assets/js/backend/pim/test.js

代码语言：javascript复制

{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate,
     //formatter: Table.api.formatter.operate,
     formatter:function(value,row,index){
       var that = $.extend({},this);//将this赋值给that,
       var table = $(that.table).clone(true);//通过that去引用table中的信息
       $(table).data("operate-edit",null);//隐藏操作中的编辑按钮，
       $(table).data("operate-del",null);//隐藏操作中的删除按钮，
       that.table = table;
       return Table.api.formatter.operate.call(that,value,row,index);//展示信息
     }
 },

注：被注释掉的formatter: Table.api.formatter.operate是之前所写的三个按钮的样式

二、对拖拽按钮的隐藏

代码语言：javascript复制

dragsort_url:'',//隐藏移动按钮

法三：直接在formatter中进行设置

代码语言：javascript复制

{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate,
     //formatter: Table.api.formatter.operate,
     formatter:function(value,row,index){
       var that = $.extend({},this);//将this赋值给that,
       var table = $(that.table).clone(true);//通过that去引用table中的信息
       $(table).data("operate-edit",null);//隐藏操作中的编辑按钮，
       $(table).data("operate-del",null);//隐藏操作中的删除按钮，
       $(table).data("operate-dragsort",null);//隐藏操作中的移动按钮， 
       that.table = table;
       return Table.api.formatter.operate.call(that,value,row,index);//展示信息
     }
 },

代码：

代码语言：javascript复制

$(table).data("operate-dragsort",null);//隐藏操作中的移动按钮，

未经允许不得转载：肥猫博客 » fastadmin如何隐藏单元格中的部分操作按钮

table 表格 博客 配置 拖拽

0 人点赞