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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!