Filament•8mo ago

How to call action from js?

I have a custom script in a custom filament page. Inside of it, when something happens, i want to open an action. I'm trying:

// js
mountAction('createTask')

// js
mountAction('createTask')

but i get: Uncaught ReferenceError: mountAction is not defined this is the action, and if i click it's button, it triggers it and the modal gets opened. so i just wanna call the method that opens the action modal via js:

public function createTaskAction(): Action
{
    return Action::make('createTask')
        ->form([
            Forms\Components\TextInput::make('name'),
        ])
        ->action(function (array $arguments): void {
            dd('hi');
        })
    ;
}

public function createTaskAction(): Action
{
    return Action::make('createTask')
        ->form([
            Forms\Components\TextInput::make('name'),
        ])
        ->action(function (array $arguments): void {
            dd('hi');
        })
    ;
}

5 Replies

ericmpOP•8mo ago

i tried to check the docs https://filamentphp.com/docs/3.x/actions/advanced#injecting-the-current-livewire-component-instance to see if there is a way but cant find it so far

Advanced actions - Actions - Filament

LeandroFerreira•8mo ago

maybe $wire.mountAction('createTask') ?

ericmpOP•8mo ago

VM38393:1 Uncaught ReferenceError: $wire is not defined at <anonymous>:1:1 what im missing? i just called it in the browser js console

awcodes•8mo ago

https://livewire.laravel.com/docs/javascript#the-livewire-global-object

Laravel

JavaScript | Laravel

A full-stack framework for Laravel that takes the pain out of building dynamic UIs.

ericmpOP•8mo ago

now i just tried to add it in the script instead of via browser js console, same error checking it out now yeah, but idk how to call the mountAction method yet, ill keep seraching is mountAction is a function of the livewire component? and i pass in an argument which is the action name cant use $wire in this particular script, cuz is inside a wire:ignore i've finally achieved it. now i have different 2 scripts one inside the @script @endscript so it can access $wire and the other one in the wire ignore so the feature can work omg kinda tricky but works thanks y'all!

Gaming

Programming

How to call action from js?