Dcat Admin 修改全局行操作按钮显示方式为文字+图标

默认的行操作显示方式为单个 ICON, 为了方便操作(避免误点),
可以自定义一个行操作类覆盖按钮样式。

在 app\Admin 新建一个文件夹 Actions
新增文件 TextActions.php

<?php

namespace App\Admin\Actions;

use Dcat\Admin\Grid\Displayers\Actions;

class TextActions extends Actions
{

    /**
     * @return string
     */
    protected function getViewLabel()
    {
        $label = trans('admin.show') . '👁';
        return '<span class="text-success">' . $label . '</span> &nbsp;';
    }

    /**
     * @return string
     */
    protected function getEditLabel()
    {
        $label = trans('admin.edit') . '🖊';

        return '<span class="text-primary">' . $label . '</span> &nbsp;';
    }

    /**
     * @return string
     */
    protected function getQuickEditLabel()
    {
        $label = trans('admin.edit') . '⚡';
        $label2 = trans('admin.quick_edit');

        return '<span class="text-blue-darker" title="' . $label2 . '">' . $label . '</span> &nbsp;';
    }

    /**
     * @return string
     */
    protected function getDeleteLabel()
    {
        $label = trans('admin.delete') . '♻';

        return '<span class="text-danger">' . $label . '</span> &nbsp;';
    }
}

修改 config/admin.php 文件中的 grid 配置:

//'grid_action_class' => Dcat\Admin\Grid\Displayers\DropdownActions::class,
'grid_action_class' => App\Admin\Actions\TextActions::class,

修改效果如下图:

Dcat Admin 修改全局行操作按钮显示方式为文字+图标

参考链接:
切换行操作按钮显示方式

本作品采用《CC 协议》,转载必须注明作者和本文链接
种菜养鱼归山林
本帖由系统于 3年前 自动加精
mouc
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 2

这只能修改默认的吗? 因为有可能会有自定义的。

3年前 评论

能不能自定义某个类别 的,这个全局的太不人性化了……

3年前 评论