Filament•3mo ago

Close action modal with event

I have a table action which open a livewire component, I that livewire there is one more table action which open a modal(blade file) I want to close the livewire component when blade modal is open or close both blade modal and livewire component when blade modal is close

Action::make('link payment')
                     ->disabled(fn ()=>$this->policies())
                    ->label('Link Payment')
                    ->extraModalWindowAttributes(['id' => 'orphan-payment-modal'])
                    ->form([
                        Grid::make(6)
                            ->schema([
                            ])
                            ->extraAttributes(['class' => 'orphan-payment-details']),
                        View::make("livewire.payment-search-render-helper")
                            ->extraAttributes(['class' => 'contact-search-table'])
                    ])

Action::make('link payment')
                     ->disabled(fn ()=>$this->policies())
                    ->label('Link Payment')
                    ->extraModalWindowAttributes(['id' => 'orphan-payment-modal'])
                    ->form([
                        Grid::make(6)
                            ->schema([
                            ])
                            ->extraAttributes(['class' => 'orphan-payment-details']),
                        View::make("livewire.payment-search-render-helper")
                            ->extraAttributes(['class' => 'contact-search-table'])
                    ])

I tried giving id to livewire modal and dispatch close-modal event from second table action but it didn't worked

Action::make("Link Payment")
                    ->label('')
                    ->form(
                        function ($record) {
                            $this->contact = $record;
                            $this->invoiceGeneration();
                            $this->dispatchFormEvent('close-modal', ['id' => 'orphan-payment-modal']);
                            $this->dispatch('link-payment');
                            info('dispatch');
                            return [
                                $this->orphanPaymentDetails(),
                                $this->status ? View::make('filament.pages.payment-link-success-modal') : View::make('filament.pages.payment-link-failed-modal')
                            ];
                        }
                    )

Action::make("Link Payment")
                    ->label('')
                    ->form(
                        function ($record) {
                            $this->contact = $record;
                            $this->invoiceGeneration();
                            $this->dispatchFormEvent('close-modal', ['id' => 'orphan-payment-modal']);
                            $this->dispatch('link-payment');
                            info('dispatch');
                            return [
                                $this->orphanPaymentDetails(),
                                $this->status ? View::make('filament.pages.payment-link-success-modal') : View::make('filament.pages.payment-link-failed-modal')
                            ];
                        }
                    )

14 Replies

ArghyaashuOP•3mo ago

Just to keep it on ..

LeandroFerreira•3mo ago

maybe this can help you https://discord.com/channels/883083792112300104/1273718758812422215/1274013631813648466

ArghyaashuOP•3mo ago

It worked Perfectly but when event dispatched from second action's form it closes both modals Is there any way to dispatch the even from 'X' button of modal

LeandroFerreira•3mo ago

You’ll need to inspect the code to understand what the ‘x’ does and then try to trigger the same action

ArghyaashuOP•3mo ago

on click it closes the second modal I didn't get which action should I try