Action from Custom Widget

Actions✅ SolvedWidgets5️⃣v5

I am trying to trigger an action from a custom widget. However, I get a Livewire error:

Unable to call component method. Public method [mountAction] not found on component

Unable to call component method. Public method [mountAction] not found on component

The widget is like this;

<?php

namespace App\Filament\Resources\Widgets;

use Filament\Actions\Action;
use Filament\Widgets\Widget;

class MyWidget extends Widget
{
    protected string $view = 'filament.widgets.my-widget';

    public function myAction(): Action
    {
        return Action::make();
    }
}

<?php

namespace App\Filament\Resources\Widgets;

use Filament\Actions\Action;
use Filament\Widgets\Widget;

class MyWidget extends Widget
{
    protected string $view = 'filament.widgets.my-widget';

    public function myAction(): Action
    {
        return Action::make();
    }
}

and the blade view is;

<x-filament-widgets::widget>
    <x-filament::section :$heading :$headerActions icon="heroicon-o-musical-note">
        Text
        <x-slot name="footer" alignment="right">
            {{ $this->myAction() }}
        </x-slot>
    </x-filament::section>
</x-filament-widgets::widget>

<x-filament-widgets::widget>
    <x-filament::section :$heading :$headerActions icon="heroicon-o-musical-note">
        Text
        <x-slot name="footer" alignment="right">
            {{ $this->myAction() }}
        </x-slot>
    </x-filament::section>
</x-filament-widgets::widget>

Solution

It seems the

make()

make()

value needs to match the name of the method (sans-Action suffix) for this to work…

public function footerActions(): ActionGroup
{
    return ActionGroup::make([
            $this->publishCurrentHighlightAction(),
        ])
            ->buttonGroup();
}

public function publishCurrentHighlightAction(): PublishOnMastodonAction
{
    return PublishOnMastodonAction::make('publishCurrentHighlight')
        ->record(fn (): Highlight => $this->highlight());
}

public function footerActions(): ActionGroup
{
    return ActionGroup::make([
            $this->publishCurrentHighlightAction(),
        ])
            ->buttonGroup();
}

public function publishCurrentHighlightAction(): PublishOnMastodonAction
{
    return PublishOnMastodonAction::make('publishCurrentHighlight')
        ->record(fn (): Highlight => $this->highlight());
}

Jump to solution

Action from Custom Widget

Actions✅ SolvedWidgets5️⃣v5

I am trying to trigger an action from a custom widget. However, I get a Livewire error:

Unable to call component method. Public method [mountAction] not found on component

Unable to call component method. Public method [mountAction] not found on component

The widget is like this;

<?php

namespace App\Filament\Resources\Widgets;

use Filament\Actions\Action;
use Filament\Widgets\Widget;

class MyWidget extends Widget
{
    protected string $view = 'filament.widgets.my-widget';

    public function myAction(): Action
    {
        return Action::make();
    }
}

<?php

namespace App\Filament\Resources\Widgets;

use Filament\Actions\Action;
use Filament\Widgets\Widget;

class MyWidget extends Widget
{
    protected string $view = 'filament.widgets.my-widget';

    public function myAction(): Action
    {
        return Action::make();
    }
}

and the blade view is;

<x-filament-widgets::widget>
    <x-filament::section :$heading :$headerActions icon="heroicon-o-musical-note">
        Text
        <x-slot name="footer" alignment="right">
            {{ $this->myAction() }}
        </x-slot>
    </x-filament::section>
</x-filament-widgets::widget>

<x-filament-widgets::widget>
    <x-filament::section :$heading :$headerActions icon="heroicon-o-musical-note">
        Text
        <x-slot name="footer" alignment="right">
            {{ $this->myAction() }}
        </x-slot>
    </x-filament::section>
</x-filament-widgets::widget>

Solution

It seems the

make()

make()

value needs to match the name of the method (sans-Action suffix) for this to work…

public function footerActions(): ActionGroup
{
    return ActionGroup::make([
            $this->publishCurrentHighlightAction(),
        ])
            ->buttonGroup();
}

public function publishCurrentHighlightAction(): PublishOnMastodonAction
{
    return PublishOnMastodonAction::make('publishCurrentHighlight')
        ->record(fn (): Highlight => $this->highlight());
}

public function footerActions(): ActionGroup
{
    return ActionGroup::make([
            $this->publishCurrentHighlightAction(),
        ])
            ->buttonGroup();
}

public function publishCurrentHighlightAction(): PublishOnMastodonAction
{
    return PublishOnMastodonAction::make('publishCurrentHighlight')
        ->record(fn (): Highlight => $this->highlight());
}

Jump to solution

Action from Custom Widget

Action from Custom Widget

Similar Threads

Similar Threads

Similar Threads