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

一、隐藏修改,删除按钮

样式前

 样式后

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

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

法二:根据代码进行隐藏

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

{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是之前所写的三个按钮的样式

二、对拖拽按钮的隐藏 

样式前

样式后

 法一:拖拽按钮是由权重直接决定的,可直接删除数据库权重(weight)栏位

 法二:在表格初始化时,对拖拽操作进行隐藏时,另其为空即可(等同于编辑,删除按钮中的直接注释)

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

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

{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);//展示信息
     }
 },

代码:

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值