Custom live field not updated in a custom action

Hi everyone !

Today I'm facing an issue with two custom objects, an Action and a Field.

The problem is while I'm interacting with the search input (a live entangled property) I need to update a list of items in realtime, but the method

afterStateUpdated(function (TasksList $component, $state) { ... });

afterStateUpdated(function (TasksList $component, $state) { ... });

is never called.
I clearly see the

update

update

endpoint called in real-time like the screenshot joined, but my

dd($state)

dd($state)

in the

afterStateUpdated()

afterStateUpdated()

function of my custom field is never called.

My custom action is a modal containing a form, with my custom field, the code is really simple as below:

(Thanks in advance for your help !

)

use Filament\Tables\Actions\Action;
use Jibaymcs\OrganizeIt\Fields\TasksList;

class ImportTasksAction extends Action
{
    protected function setUp(): void
    {
        parent::setUp();

        $this->name('import_tasks_from_oi');
        $this->label('Import from Organize It');

        $this->form([

            TasksList::make('tasks')
                ->label('Tasks to import'),

        ]);

        $this->action(fn($data) => dd($data));
    }
}

use Filament\Tables\Actions\Action;
use Jibaymcs\OrganizeIt\Fields\TasksList;

class ImportTasksAction extends Action
{
    protected function setUp(): void
    {
        parent::setUp();

        $this->name('import_tasks_from_oi');
        $this->label('Import from Organize It');

        $this->form([

            TasksList::make('tasks')
                ->label('Tasks to import'),

        ]);

        $this->action(fn($data) => dd($data));
    }
}

And the real problem (I think) is on my field and his reactivity.

This field is really simple, there's a search input:

<x-filament::input.wrapper>
    <x-filament::input
        type="text"
        x-model="search"
        placeholder="Search task"
    />
</x-filament::input.wrapper>

<x-filament::input.wrapper>
    <x-filament::input
        type="text"
        x-model="search"
        placeholder="Search task"
    />
</x-filament::input.wrapper>

And the associated "tasks" list:

<template x-for="task in tasks" :key="task.id">

<template x-for="task in tasks" :key="task.id">

The "construction" of my field view is like this:

Custom live field not updated in a custom action

afterStateUpdated(function (TasksList $component, $state) { ... });

afterStateUpdated(function (TasksList $component, $state) { ... });

is never called.
I clearly see the

update

update

endpoint called in real-time like the screenshot joined, but my

dd($state)

dd($state)

in the

afterStateUpdated()

afterStateUpdated()

function of my custom field is never called.

My custom action is a modal containing a form, with my custom field, the code is really simple as below:

(Thanks in advance for your help !

)

use Filament\Tables\Actions\Action;
use Jibaymcs\OrganizeIt\Fields\TasksList;

class ImportTasksAction extends Action
{
    protected function setUp(): void
    {
        parent::setUp();

        $this->name('import_tasks_from_oi');
        $this->label('Import from Organize It');

        $this->form([

            TasksList::make('tasks')
                ->label('Tasks to import'),

        ]);

        $this->action(fn($data) => dd($data));
    }
}

use Filament\Tables\Actions\Action;
use Jibaymcs\OrganizeIt\Fields\TasksList;

class ImportTasksAction extends Action
{
    protected function setUp(): void
    {
        parent::setUp();

        $this->name('import_tasks_from_oi');
        $this->label('Import from Organize It');

        $this->form([

            TasksList::make('tasks')
                ->label('Tasks to import'),

        ]);

        $this->action(fn($data) => dd($data));
    }
}

And the real problem (I think) is on my field and his reactivity.

This field is really simple, there's a search input:

<x-filament::input.wrapper>
    <x-filament::input
        type="text"
        x-model="search"
        placeholder="Search task"
    />
</x-filament::input.wrapper>

<x-filament::input.wrapper>
    <x-filament::input
        type="text"
        x-model="search"
        placeholder="Search task"
    />
</x-filament::input.wrapper>

And the associated "tasks" list:

<template x-for="task in tasks" :key="task.id">

<template x-for="task in tasks" :key="task.id">

The "construction" of my field view is like this:

Custom live field not updated in a custom action

Similar Threads

Custom live field not updated in a custom action

Similar Threads

Similar Threads

Similar Threads