How to hard page reload after Update button's action is done?

Wirkhof · 2024-03-14T08:02:52.326Z

The current state of the Update button on the edit page is that it doesn't hard reload the page. But I need that somehow. How to do that? Basically I want that after the update the whole page is hard reloaded - like when you presse cmd + R or ctrl + R in browser.

W

WirkhofOP•3/14/24, 8:06 AM

Currenty it just shows the toast and nothing reloads.
Also, I have a custom button on the Edit page:

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        return $this->save();
    })
    ->label('Pending'),

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        return $this->save();
    })
    ->label('Pending'),

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        return $this->save();
    })
    ->label('Pending'),

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        return $this->save();
    })
    ->label('Pending'),

and it is behaving the same, I need to manually reload the Edit page to see the changes. Pressing the button just save the change in the DB but doesn't reload the page itself.

W

WirkhofOP•3/14/24, 8:07 AM

Can I add something to this Action::make code to make it reload the page after $this->save() is finished?

W

WirkhofOP•3/14/24, 8:08 AM

It could be a hard refresh as I said. But if it's possible with livewire navigate type of refresh that's great.

W

WirkhofOP•3/14/24, 8:08 AM

Thank you in advance for any help.

W

WirkhofOP•3/14/24, 8:13 AM

If I try this:

W

WirkhofOP•3/14/24, 8:15 AM

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        $this->save();

        $this->refreshFormData([]);
    })
    ->label('Pending'),

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        $this->save();

        $this->refreshFormData([]);
    })
    ->label('Pending'),

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        $this->save();

        $this->refreshFormData([]);
    })
    ->label('Pending'),

Action::make('orderPending')
    ->action(function () {
        $this->data['status'] = 'pending';
        $this->save();

        $this->refreshFormData([]);
    })
    ->label('Pending'),

it seems to refresh the form on save and I see the status changed after the click. But the buttonpanel doesn't reflect the change I setup in the

getFormActions

getFormActions

getFormActions

getFormActions method on the Edit page where I do an if condition and displaying custom buttons based on the state.

W

WirkhofOP•3/14/24, 8:16 AM

And it seems that this "getFormActions" method is not reloaded on each mouse click on buttons there.

W

WirkhofOP•3/14/24, 8:17 AM

Perhaps I can force it to reload the buttons section (Save, Cancel, ...) on each Edit page?

W

WirkhofOP•3/14/24, 8:17 AM

Or the easiest way would be a hard page reload

W

WirkhofOP•3/14/24, 8:18 AM

Is it some command to stick inside ->action() to do the hard page reload after the saving part is done?

W

WirkhofOP•3/14/24, 8:20 AM

Could this issue be related to this: https://stackoverflow.com/questions/77527634/how-on-form-saving-fresh-header-button-hidden-condition

Stack Overflow

How on form saving fresh header button hidden condition?

In laravel 10 / filamentphp 3 app I use status selection input with several options and depending on current status button in
getHeaderActions() I need to show/hide button, which opens modal dialog...

W

WirkhofOP•3/14/24, 8:20 AM

Caching?

D

Dan Harrin•3/14/24, 8:38 AM

send getFormActions

D

Dan Harrin•3/14/24, 8:39 AM

i know how to force a page reload but i bet you dont need it

DDan Harrin send getFormActions

W

WirkhofOP•3/14/24, 8:41 AM

protected function getFormActions(): array
{

    if ($this->record->status == 'pending') {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
            Action::make('orderPending')
                ->action(function () {
                    $this->data['status'] = 'pending';
                    $this->save();
                    $this->refreshFormData([]);
                    return;
                })
        ];
    } else {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
        ];
    }
}

protected function getFormActions(): array
{

    if ($this->record->status == 'pending') {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
            Action::make('orderPending')
                ->action(function () {
                    $this->data['status'] = 'pending';
                    $this->save();
                    $this->refreshFormData([]);
                    return;
                })
        ];
    } else {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
        ];
    }
}

protected function getFormActions(): array
{

    if ($this->record->status == 'pending') {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
            Action::make('orderPending')
                ->action(function () {
                    $this->data['status'] = 'pending';
                    $this->save();
                    $this->refreshFormData([]);
                    return;
                })
        ];
    } else {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
        ];
    }
}

protected function getFormActions(): array
{

    if ($this->record->status == 'pending') {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
            Action::make('orderPending')
                ->action(function () {
                    $this->data['status'] = 'pending';
                    $this->save();
                    $this->refreshFormData([]);
                    return;
                })
        ];
    } else {
        return [
            $this->getSaveFormAction(),
            $this->getCancelFormAction(),
        ];
    }
}

Solution

D

Dan Harrin•3/14/24, 8:42 AM

protected function getFormActions(): array
{

    return [
        $this->getSaveFormAction(),
        $this->getCancelFormAction(),
        Action::make('pending')
            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })
            ->visible(fn () => $this->record->status == 'pending')
        ];
}

protected function getFormActions(): array
{

    return [
        $this->getSaveFormAction(),
        $this->getCancelFormAction(),
        Action::make('pending')
            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })
            ->visible(fn () => $this->record->status == 'pending')
        ];
}

protected function getFormActions(): array
{

    return [
        $this->getSaveFormAction(),
        $this->getCancelFormAction(),
        Action::make('pending')
            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })
            ->visible(fn () => $this->record->status == 'pending')
        ];
}

protected function getFormActions(): array
{

    return [
        $this->getSaveFormAction(),
        $this->getCancelFormAction(),
        Action::make('pending')
            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })
            ->visible(fn () => $this->record->status == 'pending')
        ];
}

DDan Harrin ``` protected function getFormActions(): array { return [ $this->ge...

W

WirkhofOP•3/14/24, 8:48 AM

Hmm, thanks. Interesting, maybe I don't even need the if condition and it can be all done via

visible()

visible()

visible()

visible(). We will see. Thanks.

One question though.

Do I need to put

return;

return;

return;

return; at the end of code inside ->action()?

Which one is the correct form? This one:

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
                return;
            })

or this one:

W

WirkhofOP•3/14/24, 8:48 AM

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
              
            })

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
              
            })

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
              
            })

            ->action(function () {
                $this->data['status'] = 'pending';
                $this->save();
                $this->refreshFormData([]);
              
            })

W

WirkhofOP•3/14/24, 8:49 AM

?

D

Dan Harrin•3/14/24, 8:51 AM

https://tenor.com/view/theyre-the-same-picture-the-office-pam-the-office-us-gif-20757621

Tenor

DDan Harrin i know how to force a page reload but i bet you dont need it

D

delboy1978uk•7/29/25, 11:40 AM

I have switched language on my settings page. absolutely everything needs refreshed, so can you let us know how?

How to hard page reload after Update button's action is done?

Similar Threads

Similar Threads

Similar Threads