fastadmin添加列表记录自定义按钮
时间: 2025-05-18 08:32:16 浏览: 23
### 实现 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 请求发送数据给服务器端脚本进一步处理。
阅读全文
相关推荐



















