Filament•6mo ago

Multi-select select all/deselect all

Is there any better solution to select all/deselect all options then the following, needs help to refactor the toggeling

Select::make('departments')
    ->required()
    ->multiple()
    ->searchable()
    ->preload()
    ->relationship(titleAttribute: 'name')
    ->hintActions([
        Action::make('select_all')
            ->visible(fn($state) => empty($state))
            ->action(fn (Select $component) => $component->state(Department::pluck('id')->toArray())),

        Action::make('deselect_all')
            ->hidden(fn($state) => empty($state))
            ->action(function (Set $set) {
                $set('departments', null);
            }),
    ])

Select::make('departments')
    ->required()
    ->multiple()
    ->searchable()
    ->preload()
    ->relationship(titleAttribute: 'name')
    ->hintActions([
        Action::make('select_all')
            ->visible(fn($state) => empty($state))
            ->action(fn (Select $component) => $component->state(Department::pluck('id')->toArray())),

        Action::make('deselect_all')
            ->hidden(fn($state) => empty($state))
            ->action(function (Set $set) {
                $set('departments', null);
            }),
    ])

3 Replies

krekas•6mo ago

I think you should be able to get options from the component then you won't need the db query maybe $component->getOptions() or something similar

ImShehryarOP•6mo ago

Neither of these working when click on 'select all'

->action(fn (Select $component) => $component->getOptions())

->action(fn (Select $component) => array_keys($component>getOptions()))

->action(fn (Select $component) => array_values($component->getOptions()))

->action(fn (Select $component) => $component->getOptions())

->action(fn (Select $component) => array_keys($component>getOptions()))

->action(fn (Select $component) => array_values($component->getOptions()))

Sorry, this works:

->action(fn (Select $component) => $component>state(array_keys($component->getOptions())))

->action(fn (Select $component) => $component>state(array_keys($component->getOptions())))

LeandroFerreira•6mo ago

https://x.com/gehrisandro/status/1739980865759789417

Sandro Gehri (@gehrisandro) on X

💡 Filament tip @filamentphp hintAction() makes it really easy to add a "Select all" action to your select elements. Code in thread 👇

Twitter

Gaming

Programming

Multi-select select all/deselect all