Fastdamin中列表自定义按钮

Fastdamin中列表自定义按钮

目录

Fastdamin中列表自定义按钮

1.去掉列表新增/删除/编辑

2.去掉表格中的删除按钮

3.对列表编辑按钮动态显示

总结


Fastdamin中列表自定义按钮

因为要做一个申诉列表,在一键生成crud后不需要新增和删除功能,

在处理申诉状态时只需要处理状态和结果编辑,其他内容不处理只展示。

故而只需要展示列表的编辑功能,要去掉原来的新增/删除/编辑。

1.去掉列表新增/删除/编辑

首先去掉列表头的批量新增/删除/编辑按钮,如下:

需要修改view/控制器名称/index.html文件,如下:

可以看到有个三目判断。

直接改为hide,这样按钮就会隐藏。

2.去掉表格中的删除按钮

在表格中还有编辑和删除按钮,现在只需要去掉删除按钮。

注意在index下的表格中有设置del按钮的属性,如下:

如果只是把这个删除了,并不会隐藏删除按钮,点击按钮还会触发删除功能。

需要修改该模块的js文件,在public/assets/js/backend/控制器名称.js文件中,如下:

去掉这个del_url那么表格中的删除按钮就消失了。

注意:

列表头的新增、删除、编辑按钮如果直接删除这里的url设置,

而不改为index.html中的hide,按钮还会显示。

3.对列表编辑按钮动态显示

因为处理过后的申诉记录不能再次编辑,所以需要隐藏或者置灰。

这里采取的是隐藏按钮,这样就无法再次操作了。

还是在public/assets/js/backend/控制器名称.js文件中修改,

找到初始化表格,然后找到最后一列操作,如下:

改为:

{field: 'operate',
    title: __('Operate'),
    table: table,
    events: Table.api.events.operate,
    formatter: function (value, row, index) {
        let that = $.extend({}, this);
        let table = $(that.table).clone(true);
        // 判断是否已处理
        if (row.status != 0) {  //已处理
            $(table).data("operate-edit", 0);
            that.table = table;
        }
        return Table.api.formatter.operate.call(that, value, row, index);
    }
}

通过status状态判断是否已处理,如果已处理就把按钮隐藏。

这里的0也可以改为null。

总结

在fastadmin框架中实现数据列表自定义按钮动态显示

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JSON_L

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值