richusx
richusx
PostsComments
FFilament
Created by richusx on 2/19/2025 in #❓┊help
Pass data from custom view back to action
Hi! I have a custom action on a list page that renders a blade view, however, I cannot seem to figure out how to pass data from the modal to the action callback. Any ideas? The action: 
Actions\Action::make('Purchase additional domains')
                ->icon('heroicon-o-currency-dollar')
                ->modalContent(fn () => view('filament.app.components.billing.additional-domains'))
                ->action(function ($data) {
                    dd($data);
                })
                ->outlined()
                ->hidden(fn() => !Auth::user()->isSubscribed())
Actions\Action::make('Purchase additional domains')
                ->icon('heroicon-o-currency-dollar')
                ->modalContent(fn () => view('filament.app.components.billing.additional-domains'))
                ->action(function ($data) {
                    dd($data);
                })
                ->outlined()
                ->hidden(fn() => !Auth::user()->isSubscribed())
Blade view: 
<div x-data="{ domainCount: 1, isYearly: false }">
    <p>
        Select the number of additional domains you'd like to purchase. Each additional domain costs &euro;10.00 / <span x-text="isYearly ? 'year' : 'month'"></span>
    </p>
    <div class="mt-8 mb-8">
        <input type="range" min="1" max="10" value="1" class="range" step="1" x-model="domainCount" />
        <div class="flex w-full justify-between px-2 text-xs mt-2">
            <template x-for="i in 10">
                <span x-text="i"></span>
            </template>
        </div>
    </div>

    Your total is &euro;<span x-text="domainCount * (isYearly ? 100 : 10)"></span> / <span x-text="isYearly ? 'year' : 'month'"></span>.
    This will get billed additionally to your existing subscription.
</div>
<div x-data="{ domainCount: 1, isYearly: false }">
    <p>
        Select the number of additional domains you'd like to purchase. Each additional domain costs &euro;10.00 / <span x-text="isYearly ? 'year' : 'month'"></span>
    </p>
    <div class="mt-8 mb-8">
        <input type="range" min="1" max="10" value="1" class="range" step="1" x-model="domainCount" />
        <div class="flex w-full justify-between px-2 text-xs mt-2">
            <template x-for="i in 10">
                <span x-text="i"></span>
            </template>
        </div>
    </div>

    Your total is &euro;<span x-text="domainCount * (isYearly ? 100 : 10)"></span> / <span x-text="isYearly ? 'year' : 'month'"></span>.
    This will get billed additionally to your existing subscription.
</div>
2 replies