Filament•2y ago

Action on change of input

I'd like to execute a custom action (like some code) when I toggle one of those two values; is this possible?

17 Replies

Dennis Koch•2y ago

->reactive()->afterStateUpdated()

RobinOP•2y ago

Ohh, and how can I access the current model then?

Dennis Koch•2y ago

Current model or data?

Dennis Koch•2y ago

https://filamentphp.com/docs/2.x/forms/advanced#using-closure-customisation

Filament

Advanced - Form Builder - Filament

The elegant TALL stack form builder for Laravel artisans.

RobinOP•2y ago

->afterStateUpdated(function ($value, $record) {

->afterStateUpdated(function ($value, $record) {

So like here:

->formatStateUsing(function ($state, $record)

->formatStateUsing(function ($state, $record)

Dennis Koch•2y ago

Was that a question?

RobinOP•2y ago

Well, the second parameter is that also the record then here?

Dennis Koch•2y ago

It's the record, but not the current data. You can use $get() for that

RobinOP•2y ago

Like this then?

->afterStateUpdated(function (Closure $value) {
    doSomething($value, $get());
}),

->afterStateUpdated(function (Closure $value) {
    doSomething($value, $get());
}),

Because I need the whole resource model and the $get() is undefined

Dennis Koch•2y ago

Do you need the model or the updated data?

RobinOP•2y ago

I need the data from the switch or the selectbox (depending on what the user changes) But I need the model (with old data is OK) too

Dennis Koch•2y ago

So ->formatStateUsing(function ($state, $record) should work on an EditPage For a EditPage you likely need ->formatStateUsing(function ($state, $livewire) { $livewire->getState()

RobinOP•2y ago

Ah, it's in the resource itself (Class that extends Resource)

Dennis Koch•2y ago

What do you mean?

RobinOP•2y ago

Dennis Koch•2y ago

Still no idea what you mean. Also there is no $resource I think

RobinOP•2y ago

So, after that I toggle a switch in the interface on the edit page, I want to execute an action. This action needs the value of the switch (on/off, e.g. true and false) but also the current resource

->afterStateUpdated(function ($state, $livewire) {
    $command = new stdClass();
    $command->action = 'TOGGLE_P1';
    $command->turn_on = (bool) $state;
    (new CommunicationService(null, $livewire->getState()))->sendRawCommand($command);
}),

->afterStateUpdated(function ($state, $livewire) {
    $command = new stdClass();
    $command->action = 'TOGGLE_P1';
    $command->turn_on = (bool) $state;
    (new CommunicationService(null, $livewire->getState()))->sendRawCommand($command);
}),

Livewire ->getstate() throws an exception; Method App\Filament\Resources\DeviceResource\Pages\EditDevice::getState does not exist. Complete toggle component;

Toggle::make('energy_meter')->label('P1 reader')
    ->onIcon('heroicon-s-lightning-bolt')
    ->offIcon('heroicon-s-lightning-bolt')
    ->onColor('success')
    ->offColor('disabled')
    ->reactive()
    ->afterStateUpdated(function ($state, $livewire) {
        $command = new stdClass();
        $command->action = 'TOGGLE_P1';
        $command->turn_on = (bool) $state;
        (new CommunicationService(null, $livewire->getState()))->sendRawCommand($command);
    }),

Toggle::make('energy_meter')->label('P1 reader')
    ->onIcon('heroicon-s-lightning-bolt')
    ->offIcon('heroicon-s-lightning-bolt')
    ->onColor('success')
    ->offColor('disabled')
    ->reactive()
    ->afterStateUpdated(function ($state, $livewire) {
        $command = new stdClass();
        $command->action = 'TOGGLE_P1';
        $command->turn_on = (bool) $state;
        (new CommunicationService(null, $livewire->getState()))->sendRawCommand($command);
    }),

Solution was:

Toggle::make('energy_meter')->label('P1 reader')
    ->onIcon('heroicon-s-lightning-bolt')
    ->offIcon('heroicon-s-lightning-bolt')
    ->onColor('success')
    ->offColor('disabled')
    ->reactive()
    ->afterStateUpdated(function (?Model $record, $state) {
        $command = new stdClass();
        $command->action = 'TOGGLE_P1';
        $command->turn_on = (bool) $state;
        (new CommunicationService(null, $record))->sendRawCommand($command);
    }),

Toggle::make('energy_meter')->label('P1 reader')
    ->onIcon('heroicon-s-lightning-bolt')
    ->offIcon('heroicon-s-lightning-bolt')
    ->onColor('success')
    ->offColor('disabled')
    ->reactive()
    ->afterStateUpdated(function (?Model $record, $state) {
        $command = new stdClass();
        $command->action = 'TOGGLE_P1';
        $command->turn_on = (bool) $state;
        (new CommunicationService(null, $record))->sendRawCommand($command);
    }),

Can be closed, thanks for the help!

Gaming

Programming

Action on change of input