How to make logic `afterStateUpdateJs()` in filament v3?

https://x.com/leandrocfe/status/1816568005020516788 how do that, in filament v3?

In Filament V4, a new method called afterStateUpdatedJs will be introduced, enabling state updates on the client side using Javascript 🤯

7 Replies

khairulazmi_•3w ago

as for v3 you can do something like this .

 ->extraInputAttributes([
     '@change' => "() => {
         const email = \$event.target.value;
         $wire.set('mountedActionsData.0.email', email.toLowerCase());
     }",
])

 ->extraInputAttributes([
     '@change' => "() => {
         const email = \$event.target.value;
         $wire.set('mountedActionsData.0.email', email.toLowerCase());
     }",
])

Kaesa LyrihOP•3w ago

@change // what this? alphine? or filament or livewire?

@change // what this? alphine? or filament or livewire?

- mountedActionsData, what this form? How debug it using console.log()?

khairulazmi_•3w ago

change is a javascript event . you can do console.log inside those method .

Kaesa LyrihOP•3w ago

wait, @change js humm this is alpine js directive? or native javascirpt?

khairulazmi_•3w ago

native js bro .

Kaesa LyrihOP•3w ago

can you share docs about that, i think @change = directive like @click in alpinejs.

awcodes•3w ago

@change is an alpine wrapper for the native onChange

Gaming

Programming

How to make logic `afterStateUpdateJs()` in filament v3?

Did you find this page helpful?