Filament•2mo ago

How to load action form quicker on edit page?

Hello, I am using hintAction with Action form on my edit page where I have to disable all the fields and edit only using hintAction. it works fine with the code in the screenshot but it takes a few seconds to load up the form modal, please let me know if there is any way to make it faster as it is a fast paced business and the form has to work quick. Thank you

12 Replies

Dennis Koch•2mo ago

You can't really solve this right now. It's in the nature of Livewire, that the whole component (here Page) is rerendered – not only the modal.

mohdaftabOP•2mo ago

Hi @Dennis Koch client is too much concerned about this issue as he needs to do inline or modal form editing on the edit page and keeping all input's disabled. Isn't there are way to stop re-rendering full page before clicking on save please ?

Dennis Koch•2mo ago

No, there isn't a solution to this right now. I think this is solved in v4 but we still don't have an ETA for that

mohdaftabOP•5w ago

I hope so, thank you so much for the reply 🙂 I hope it will be solved in v4 @Dennis Koch if that is not a possibility for now, I would really like to add something which I have convinced my client for. i.e. on edit page i just need to make the input field colored or show a hint that this field has been changed before saving. Sorry for tagging you. bump

LeandroFerreira•5w ago

try this

TextInput::make('passengers')
    ->hintAction(Action::make('edit')
        ->modalWidth(MaxWidth::ExtraSmall)
        ->fillForm(fn (YourModel $record) => [
            'passengers' => $record->passengers,
        ])
        ->form([
            Select::make('passengers')
                ->options(array_combine(range(1, 100), range(1, 100))),
        ])
        ->action(function (array $data, YourModel $record, Pages\EditXX $livewire) {
            $record->update($data);
            $livewire->refreshFormData(['passengers']);
        })
    ),

TextInput::make('passengers')
    ->hintAction(Action::make('edit')
        ->modalWidth(MaxWidth::ExtraSmall)
        ->fillForm(fn (YourModel $record) => [
            'passengers' => $record->passengers,
        ])
        ->form([
            Select::make('passengers')
                ->options(array_combine(range(1, 100), range(1, 100))),
        ])
        ->action(function (array $data, YourModel $record, Pages\EditXX $livewire) {
            $record->update($data);
            $livewire->refreshFormData(['passengers']);
        })
    ),

mohdaftabOP•5w ago

Hi, thank you so much, let me try this. Hi @Leonardo Ferreira it works but the speed is same as the code I used, but I understand it is the nature of Livewire so it will work like this.

LeandroFerreira•5w ago

local env?

mohdaftabOP•5w ago

yes

LeandroFerreira•5w ago

weird.. are you using debugbar?

mohdaftabOP•5w ago

no, this is a ride booking form so a few form fields are live which actually calculates the price for the trip when those fields change, I think when the form re-renders those calculations are done again. Probably need to change that to be triggered by a button instead of changes in those fields.

LeandroFerreira•5w ago

ahh, probably

mohdaftabOP•4w ago

Thank you so much, this is a pretty clean code and I will use it. @LeandroFerreira I just got an idea to use disabledOn("edit") and then use hintAction to enable that particular component which works fine but the issue is when I save the form then all the disabledOn("edit") fields do not pass the data even though they are enabled using $component->disabled(false); if I will be able to save the data after enabling it this way then it would be much better and easy to work with.

Gaming

Programming

How to load action form quicker on edit page?

Did you find this page helpful?