FastAdmin 权限判断,自定义table操作按钮,列表按钮,隐藏按钮,隐藏自定义按钮

一、JS自定义按钮 + 按钮隐藏

1、FastAdmin JS自定义按钮

效果图:

自定义video视频按钮

{
    field: 'operate',
    title: __('Operate'),
    table: table,
    events: Table.api.events.operate,
    buttons: [
        {
            name: 'video',
            text: __('视频'),
            icon: 'fa fa-list',
            classname: 'btn btn-xs btn-primary  btn-addtabs',
            url: 'major/chapter/index/subject_id/{ids}',
        }
    ],
    formatter: Table.api.formatter.operate
}

2、隐藏video视频按钮

效果图:

### 实现 FastAdmin 列表记录添加自定义按钮FastAdmin 中扩展列表页面的功能,可以通过修改对应的 JavaScript 文件来实现自定义按钮。由于每个控制器都有相应的 JS 文件以及方法[^2],因此可以按照以下方式操作。 对于想要增加自定义按钮的情况,在相应视图模板中找到表格部分并加入新的按钮 HTML 结构: ```html <table> <!-- 表格头部 --> <thead>...</thead> <!-- 表格主体 --> <tbody> {volist name="list" id="vo"} <tr> ... <td> <a href="{:url('edit',array('id'=>$vo['id']))}" class="btn btn-xs btn-default"><i class="fa fa-edit"></i> 编辑</a> <button onclick="customButton({$vo.id})" class="btn btn-xs btn-primary">自定义动作</button> </td> </tr> {/volist} </tbody> </table> ``` 接着编辑与该控制器同名的 `.js` 文件,向其中添加 `customButton(id)` 函数用于处理点击事件逻辑: ```javascript function customButton(id){ layer.confirm('确认要执行此自定义操作吗?', { title : '提示', icon : 3, skin : 'layui-layer-molv' }, function(index){ $.ajax({ url:"{:url('controller/method')}", type:'POST', dataType:'json', data:{'id':id}, success:function(res){ if (res.code === 0) { layer.msg('成功'); location.reload(); } else { layer.alert(res.msg); } }, error:function(){ layer.alert('请求失败!'); } }); layer.close(index); }); } ``` 上述代码片段展示了如何创建一个简单的弹窗询问用户是否继续进行指定的操作,并通过 AJAX 请求发送数据给服务器端脚本进一步处理。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值