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
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 2

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

3年前 评论

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

3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!