时间戳

首页 > 解决方案 > SilverStripe：如何设置/指定 GridField 自定义操作按钮的图标

silverstripe - SilverStripe：如何设置/指定 GridField 自定义操作按钮的图标

问题描述

我正在从事 SilverStripe 项目。在我的项目中，我正在尝试创建一个 GridField 自定义按钮。我遵循了官方文档。以下是 SilverStripe 官方页面的课程表。

class GridFieldCustomAction implements GridField_ColumnProvider, GridField_ActionProvider, GridField_ActionMenuItem
{

    public function getTitle($gridField, $record, $columnName)
    {
        return 'Custom action';
    }

    public function getCustomAction($gridField, $record)
    {
        if (!$record->canEdit()) {
            return;
        }

        return GridField_FormAction::create(
            $gridField,
            'CustomAction'.$record->ID,
            'Custom action',
            "docustomaction",
            ['RecordID' => $record->ID]
         )->addExtraClass(
            'action-menu--handled'
        );
    }

    public function getExtraData($gridField, $record, $columnName)
    {
        $field = $this->getCustomAction($gridField, $record);

        if (!$field) {
            return;
        }

        return $field->getAttributes();
    }

    public function getGroup($gridField, $record, $columnName)
    {
        return GridField_ActionMenuItem::DEFAULT_GROUP;
    }

    public function augmentColumns($gridField, &$columns) 
    {
        if (!in_array('Actions', $columns)) {
            $columns[] = 'Actions';
        }
    }

    public function getColumnAttributes($gridField, $record, $columnName) 
    {
        return ['class' => 'grid-field__col-compact'];
    }

    public function getColumnMetadata($gridField, $columnName) 
    {
        if ($columnName === 'Actions') {
            return ['title' => ''];
        }
    }

    public function getColumnsHandled($gridField) 
    {
        return ['Actions'];
    }

    public function getColumnContent($gridField, $record, $columnName) 
    {
        $field = $this->getCustomAction($gridField, $record);

        if (!$field) {
            return;
        }

        return $field->Field();
    }

    public function getActions($gridField) 
    {
        return ['docustomaction'];
    }

    public function handleAction(GridField $gridField, $actionName, $arguments, $data) 
    {
        if ($actionName !== 'docustomaction') {
            return;
        }
        // perform your action here

        // output a success message to the user
        Controller::curr()->getResponse()->setStatusCode(
            200,
            'Do Custom Action Done.'
        );
    }
}

我正在努力为按钮添加自定义图标或指定按钮的样式类。我可以更改列类名称。但我找不到按钮的方法。我怎样才能做到这一点？

标签： silverstripesilverstripe-4

解决方案

你可以使用->setAttribute('classNames', 'font-icon-<your-icon>');

即对于“编辑”图标，代码如下所示：

return GridField_FormAction::create(
    $gridField,
    'CustomAction'.$record->ID,
    'Custom action',
    "docustomaction",
    [
        'RecordID' => $record->ID
    ]
)
    ->addExtraClass('action-menu--handled')
    ->setAttribute('classNames', 'font-icon-edit');

您可以在此页面上找到所有可用的图标： https ://gbaumeister.github.io/ss4-icons/

推荐阅读