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

2023-11-08 10:39:12 浏览数 (2)

一、隐藏修改,删除按钮

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

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

法二:根据代码进行隐藏

代码位置: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如何隐藏单元格中的部分操作按钮

0 人点赞