Filament•2y ago•

17 replies

How to re-render/refresh the parent form after a new entry of a RelationManager has been created?

Hello,

I want to refresh the main form/resource (or the whole page if possible) after a new entry has been created through a RelationManager of the resource.

This is my setup:

- Resource:

PriceListResource

PriceListResource

- RelationManager:

SectionsRelationManager

SectionsRelationManager

- Relationship name:

sections

sections

I have tried this so far:

1.

RelationsManager/SectionsRelationManager.php

RelationsManager/SectionsRelationManager.php

// ...
->headerActions([
    Tables\Actions\CreateAction::make()
        ->after(fn () => $this->dispatch('section-added')),
])
// ...

// ...
->headerActions([
    Tables\Actions\CreateAction::make()
        ->after(fn () => $this->dispatch('section-added')),
])
// ...

Then in the edit resource page I listen to that event:
2.

PriceListResource/Pages/EditPriceList.php

PriceListResource/Pages/EditPriceList.php

use Livewire\Attributes\On;

// ...

#[On('section-added')]
public function refreshForm(): void
{
    $this->refreshFormData(['sections']);
}

use Livewire\Attributes\On;

// ...

#[On('section-added')]
public function refreshForm(): void
{
    $this->refreshFormData(['sections']);
}

The event/listener works (I added a

dd()

dd()

in there and I can see it being triggered) but I can make it refresh the relationship. I guess because

sections

sections

is not an attribute per-se.

The reason why I need this is because within the form I have a TableRepeater that is built dynamically based on this relation.

Then, how could I achieve the refresh/re-render?

Solution

@bardolf_6969 What I ended up doing was a full refresh. Let me share you the details.

1. Event dispatch from

RelationsManager/SectionsRelationManager.php

RelationsManager/SectionsRelationManager.php

// ...
->headerActions([
    Tables\Actions\CreateAction::make()
        ->after(fn () => $this->dispatch('sections-modified')),
])
->actions([
    Tables\Actions\EditAction::make(),
    Tables\Actions\DeleteAction::make()
        ->after(fn () => $this->dispatch('sections-modified')),
])
// ...

// ...
->headerActions([
    Tables\Actions\CreateAction::make()
        ->after(fn () => $this->dispatch('sections-modified')),
])
->actions([
    Tables\Actions\EditAction::make(),
    Tables\Actions\DeleteAction::make()
        ->after(fn () => $this->dispatch('sections-modified')),
])
// ...

2. Set up listener on list page

PriceListResource/Pages/EditPriceList.php

PriceListResource/Pages/EditPriceList.php

use Livewire\Attributes\On;

// ...

#[On('section-modified')]
public function refreshForm(): void
{
    /** @var PriceList $record */
    $record = $this->record;
    $this->redirect(self::getUrl([
        'record' => $record->id,
        'tab' => 'sections',
    ]));
}

use Livewire\Attributes\On;

// ...

#[On('section-modified')]
public function refreshForm(): void
{
    /** @var PriceList $record */
    $record = $this->record;
    $this->redirect(self::getUrl([
        'record' => $record->id,
        'tab' => 'sections',
    ]));
}

So, it pretty much does a redirect to the same page.

Ps: The additional parameter that I pass in there is the

tab

tab

. This is a query param to set the active tab of the tabs component. Since I'm interested in the tab called "sections", I will check if there is the query param in the url to set it dynamically, because by default it will open the first tab only, even if you refresh the page with another one active.

If you want to know how this works, then you can do this (in the resource):

PriceListResource

PriceListResource