Make select re-render after changing data

How can I make this select refresh it's options after the user clicks the refresh button:

  Select::make('quickbooks_vendor_ref_id')
                ->required()
                ->label('Quickbooks Vendor')
                ->options($this->getOptions())
                ->live()
                ->preload()
                ->loadingMessage('Loading vendors...')
                ->suffixAction(
                    Action::make('refreshVendors')
                        ->label('Refresh Vendors')
                        ->icon('heroicon-o-arrow-path')
                        ->action(fn () => $this->getOptions(forceRefresh: true))
                ),

  Select::make('quickbooks_vendor_ref_id')
                ->required()
                ->label('Quickbooks Vendor')
                ->options($this->getOptions())
                ->live()
                ->preload()
                ->loadingMessage('Loading vendors...')
                ->suffixAction(
                    Action::make('refreshVendors')
                        ->label('Refresh Vendors')
                        ->icon('heroicon-o-arrow-path')
                        ->action(fn () => $this->getOptions(forceRefresh: true))
                ),

5 Replies

Tieme•12mo ago

Why refresh? Does this select depends on a other field to be populated?

Jon MasonOP•12mo ago

the select has a suffix action that, when clicked, fetches data from an external api. Once the data is fetched, I want to select to reflect the changed data.

Čamap•8mo ago

Have you found solution to this? @Jon Mason

samran2000•8mo ago

kindly read this :- https://filamentphp.com/docs/3.x/panels/pages#refreshing-form-data I think you need to replace 'Status' with 'quickbooks_vendor_ref_id' i don't know the exact answer but I think this will work

Pages - Panel Builder - Filament

Jon MasonOP•8mo ago

I haven't figured this out yet, I'll check out the link.

Gaming

Programming

Make select re-render after changing data