FastAdmin表格自定义操作按钮
2022/8/1 23:22:57
本文主要是介绍FastAdmin表格自定义操作按钮,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
FastAdmin表格自定义操作,是通过自己在页面上添加操作按钮,监听按钮点击事件来实现。操作按钮针对所有行记录,而不是在每行的操作上都添加上按钮。
效果图
步骤
1. 添加操作按钮
编辑admin/view
下控制器对应的首页模板文件index.html
,在常规操作add
delete
edit
等处添加类似行,示例
<a href="javascript:;" class="btn btn-success btn-process-1 btn-disabled disabled" title="胜诉" ><i class="fa fa-pencil"></i> 胜诉</a> <a href="javascript:;" class="btn btn-danger btn-process-3 btn-disabled disabled" title="败诉" ><i class="fa fa-pencil"></i> 败诉</a>
2. 监听按钮点击事件
编辑 public/assets/js/backend
下控制器对应的JS文件,在行 Table.api.bindevent(table);
下面添加如下代码:
//胜诉 $(".btn-process-1").click(function(){ var ids = Table.api.selectedids(table); layer.confirm('确定要胜诉吗?', {btn: ['是','否'] }, function(index){ layer.close(index); $.post("/admin.php/my_controller/process", {ids:ids , action:'success', reply:''},function(response){ if(response.code == 1){ Toastr.success(response.msg) $(".btn-refresh").trigger('click'); }else{ Toastr.error(response.msg) } }, 'json') }, function(index){ layer.close(index); } ); });
原文地址:https://blog.csdn.net/JSPSEO/article/details/125353284
这篇关于FastAdmin表格自定义操作按钮的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-01为什么公共事业机构会偏爱 TiDB :TiDB 数据库在某省妇幼健康管理系统的应用
- 2024-04-26敏捷开发:想要快速交付就必须舍弃产品质量?
- 2024-04-26静态代码分析的这些好处,我竟然都不知道?
- 2024-04-26你在测试金字塔的哪一层?(下)
- 2024-04-26快刀斩乱麻,DevOps让代码评审也自动起来
- 2024-04-262024年最好用的10款ER图神器!
- 2024-04-2203-为啥大模型LLM还没能完全替代你?
- 2024-04-2101-大语言模型发展
- 2024-04-17基于SpringWeb MultipartFile文件上传、下载功能
- 2024-04-14个人开发者,Spring Boot 项目如何部署