Filament•9mo ago

Pagination inside modal

Any idea how to implement pagination inside modal? It would be ideal to implement infinite scrolling, but this is still a dream. i tried a way with pagination component but got redirect to - https://demo.test/livewire/update?page=3 with error: The GET method is not supported for route livewire/update. Supported methods: POST. My code: Action class

class StockHistory extends Action
{
    public static function getDefaultName(): ?string
    {
        return 'stock-history';
    }

    protected function setUp(): void
    {
        parent::setUp();

        $this->label(__('admin.actions.stock_history.label'));
        $this->modalHeading(__('admin.actions.stock_history.heading'));
        $this->slideOver();
        $this->modalSubmitAction(false);
        $this->modalCancelAction(false);
        $this->color(ColorService::blue());
        $this->modalWidth(MaxWidth::Medium);
        $this->modalContent(function ($record): View {
            $history = $record->stockHistory()->paginate(4);

            return view('filament.stock-history', ['history' => $history]);
        });
    }
}

class StockHistory extends Action
{
    public static function getDefaultName(): ?string
    {
        return 'stock-history';
    }

    protected function setUp(): void
    {
        parent::setUp();

        $this->label(__('admin.actions.stock_history.label'));
        $this->modalHeading(__('admin.actions.stock_history.heading'));
        $this->slideOver();
        $this->modalSubmitAction(false);
        $this->modalCancelAction(false);
        $this->color(ColorService::blue());
        $this->modalWidth(MaxWidth::Medium);
        $this->modalContent(function ($record): View {
            $history = $record->stockHistory()->paginate(4);

            return view('filament.stock-history', ['history' => $history]);
        });
    }
}

Template file

{{ $history }}

<x-filament::pagination :paginator="$history" />

{{ $history }}

<x-filament::pagination :paginator="$history" />

Solution:

Solution https://x.com/enunomaduro/status/1764566425421644025

Nuno Maduro (@enunomaduro) on X

Livewire Infinite Scrolling. 🤌🏻

Twitter

Jump to solution

1 Reply

Solution

Noxo•9mo ago

Solution https://x.com/enunomaduro/status/1764566425421644025

Nuno Maduro (@enunomaduro) on X

Livewire Infinite Scrolling. 🤌🏻

Twitter

Gaming

Programming

Pagination inside modal