Filament•2y ago•

5 replies

Custom "Save" button to create or save a form

I'm trying to add a custom "Save" button (i.e. action) to a form.

...
use Filament\Forms\Components\Actions\Action;
...

public static function form(Form $form): Form
{
    return $form
        ->schema([
            Section::make('Parameters')
                ->schema(...)
                ->footerActions([
                    Action::make('save')
                        ->label('Save')
                        ->action('save'),
                    ]),
                ...

...
use Filament\Forms\Components\Actions\Action;
...

public static function form(Form $form): Form
{
    return $form
        ->schema([
            Section::make('Parameters')
                ->schema(...)
                ->footerActions([
                    Action::make('save')
                        ->label('Save')
                        ->action('save'),
                    ]),
                ...

If I pass the string

'save'

'save'

to the

->action()

->action()

method, it successfully saves changes to any form fields if I'm Editing a record and click the "Save" button. However, if I'm Creating a record and click the "Save" button, I see an error:

Unable to call component method. Public method [save] not found on component

Unable to call component method. Public method [save] not found on component

.

If I pass the string

'create'

'create'

to the

->action()

->action()

method, it successfully saves the values in the form fields if I'm Creating a record and click the "Save" button. However, if I'm Editing a record and click the "Save" button, I see an error:

Unable to call component method. Public method [create] not found on component

Unable to call component method. Public method [create] not found on component

.

I tried passing a closure to the

->action()

->action()

method to return the appropriate string depending on the type of form, but this causes nothing to happen on clicking the "Save" button...

->action(fn ($operation) => ($operation === 'edit') ? 'save' : 'create')

->action(fn ($operation) => ($operation === 'edit') ? 'save' : 'create')

I'm guessing that ultimately my closure needs to return an object, rather than a string, but I'm not clear what that object should be.

Any pointers would be gratefully received.

Solution

You could create a trait with a custom method and use this in Create/Edit page..

public function createOrSave(): void
{
    match (class_basename($this)) {
        default => null,
        'CreatePage' => $this->create(),
        'EditPage' => $this->save()
    };
}

public function createOrSave(): void
{
    match (class_basename($this)) {
        default => null,
        'CreatePage' => $this->create(),
        'EditPage' => $this->save()
    };
}

Action::make('save')->action('createOrSave')

Action::make('save')->action('createOrSave')

Jump to solution

Custom "Save" button to create or save a form

I'm trying to add a custom "Save" button (i.e. action) to a form.

...
use Filament\Forms\Components\Actions\Action;
...

public static function form(Form $form): Form
{
    return $form
        ->schema([
            Section::make('Parameters')
                ->schema(...)
                ->footerActions([
                    Action::make('save')
                        ->label('Save')
                        ->action('save'),
                    ]),
                ...

...
use Filament\Forms\Components\Actions\Action;
...

public static function form(Form $form): Form
{
    return $form
        ->schema([
            Section::make('Parameters')
                ->schema(...)
                ->footerActions([
                    Action::make('save')
                        ->label('Save')
                        ->action('save'),
                    ]),
                ...

If I pass the string

'save'

'save'

to the

->action()

->action()

method, it successfully saves changes to any form fields if I'm Editing a record and click the "Save" button. However, if I'm Creating a record and click the "Save" button, I see an error:

Unable to call component method. Public method [save] not found on component

Unable to call component method. Public method [save] not found on component

.

If I pass the string

'create'

'create'

to the

->action()

->action()

method, it successfully saves the values in the form fields if I'm Creating a record and click the "Save" button. However, if I'm Editing a record and click the "Save" button, I see an error:

Unable to call component method. Public method [create] not found on component

Unable to call component method. Public method [create] not found on component

.

I tried passing a closure to the

->action()

->action()

method to return the appropriate string depending on the type of form, but this causes nothing to happen on clicking the "Save" button...

->action(fn ($operation) => ($operation === 'edit') ? 'save' : 'create')

->action(fn ($operation) => ($operation === 'edit') ? 'save' : 'create')

I'm guessing that ultimately my closure needs to return an object, rather than a string, but I'm not clear what that object should be.

Any pointers would be gratefully received.

Solution

You could create a trait with a custom method and use this in Create/Edit page..

public function createOrSave(): void
{
    match (class_basename($this)) {
        default => null,
        'CreatePage' => $this->create(),
        'EditPage' => $this->save()
    };
}

public function createOrSave(): void
{
    match (class_basename($this)) {
        default => null,
        'CreatePage' => $this->create(),
        'EditPage' => $this->save()
    };
}

Action::make('save')->action('createOrSave')

Action::make('save')->action('createOrSave')

Jump to solution

Custom "Save" button to create or save a form

Custom "Save" button to create or save a form

Similar Threads

Similar Threads

Similar Threads