Dcat Admin 修改全域性行操作按鈕顯示方式為文字+圖示

mouc發表於2021-05-11

預設的行操作顯示方式為單個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 協議》,轉載必須註明作者和本文連結

相關文章