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

https://demo.test/livewire/update?page=3

with error:

The GET method is not supported for route livewire/update. Supported methods: POST.

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

•

3/4/24, 8:19 AM

Jump to solution

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

https://demo.test/livewire/update?page=3

with error:

The GET method is not supported for route livewire/update. Supported methods: POST.

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

•

3/4/24, 8:19 AM

Jump to solution

Pagination inside modal

Pagination inside modal

Similar Threads

Similar Threads

Similar Threads