fastadmin 向表格后面添加一个自定义按钮 并带上该行某参数

目标在后面添加一个自定义按钮

直接在js文件里添加代码

保存看效果

附加:另一个知识点, 弹窗模式有三种模式 添加按钮类名就好。 如蓝色所画位置

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在 dcat admin 中,可以通过自定义操作列来添加每行的自定义按钮。具体步骤如下: 1. 在对应模型管理页面的 `table` 方法中,找到 `addColumn` 方法,并添加一个新的列。该方法接受两个参数:列的名称和回调函数,回调函数用于生成每行数据对应的 HTML 内容。 2. 在回调函数中,使用 `getRow()` 方法获取当前行的数据,然后生成自定义按钮的 HTML 代码。每个按钮应该包含一个 `data-id` 属性,用于记录当前行的 ID,以便在点击按钮时获取该行的数据。 例如,以下代码可以添加一个名为 `view` 的列,该列包含一个查看按钮,点击按钮后会跳转到当前行数据对应的详情页面: ```php protected function table() { return Dcat\Admin\Grid::make(new Post()) ->addColumn('view', function (Post $post) { return '<a href="/admin/posts/' . $post->id . '" class="btn btn-info btn-sm" data-id="' . $post->id . '">查看</a>'; }) ->render(); } ``` 3. 使用 JavaScript 代码监听每个按钮的点击事件,并在点击时获取对应行的 ID,然后执行相应的操作。例如,以下代码可以在页面加载完成后为每个按钮添加点击事件监听: ```js $(function() { $('table[data-controller="grid"]').on('click', '.btn', function() { var id = $(this).data('id'); window.location.href = '/admin/posts/' + id; }); }); ``` 4. 保存代码并刷新页面,即可看到新添加的每行自定义按钮。 注意:使用这种方式添加按钮不会出现在操作列中,而是出现在每行数据的自定义列中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

世界方块

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

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

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

打赏作者

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

抵扣说明:

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

余额充值