JibayMcs Posts - Answer Overflow

JibayMcs

•Created by JibayMcs on 1/23/2025 in #❓┊help

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) { ... }); is never called. I clearly see the update endpoint called in real-time like the screenshot joined, but my dd($state) in the 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"> The "construction" of my field view is like this:

3 replies

FFilament

•Created by JibayMcs on 4/17/2024 in #❓┊help

Create a "carousel" modal on ListRecords

Hi everyone ! I want to make a special thing to navigate through records on a table using a tweak of "ViewAction" (when you click on a row in the table $table->recordAction() I've made a copy of the ViewAction class to add Previous/Next button in extraFooterActions But I struggle on changing the content of the "data" on the modal form instance. Just below you'll find my actual class ! Thank's for your help 🙂

3 replies

FFilament

•Created by JibayMcs on 9/24/2023 in #❓┊help

On closing a slide-over modal unable to listen to "close-modal" event

Hi ! I'm using a custom modal, by calling :

<x-filament::modal slide-over sticky-header sticky-footer width="5xl" id="my-modal">

<p>Here's my content</p>

</x-filament::modal>

<x-filament::modal slide-over sticky-header sticky-footer width="5xl" id="my-modal">

<p>Here's my content</p>

</x-filament::modal>

But on listening to the close-modal event nothing happens. Here the JS code:

document.addEventListener('livewire:initialized', () => {
  Livewire.on('close-modal', ({id}) => {
  
      console.log('close-modal');
  
      if (id === 'my-modal') {
          Livewire.dispatch('bot::unsubscribe');
      }
  });
});

document.addEventListener('livewire:initialized', () => {
  Livewire.on('close-modal', ({id}) => {
  
      console.log('close-modal');
  
      if (id === 'my-modal') {
          Livewire.dispatch('bot::unsubscribe');
      }
  });
});

Is this a Filament bug, or have I missed something? Thanks for you help ! Best regards.

1 replies

Gaming

Programming