Sayfalama
Laravel sayfalayıcısı için hazır görünüm: solda "Gösteriliyor 1 - 6 / 48 sonuç" özeti, sağda önceki/sonraki ve sayfa numaraları. Livewire bileşenlerinde sayfa yenilemeden, Livewire olmadan normal bağlantılarla çalışır.
Temel kullanım
paginate() ile alınan sayfalayıcının links() metoduna görünüm adını verin. Etkin sayfa ana renkle vurgulanır; ilk ve son sayfada ilgili ok düğmesi pasif olur.
{{ $examplePaginator->links('acun-ui::components.ui.pagination') }}| Prop | Değerler |
|---|---|
görünüm | acun-ui::components.ui.pagination |
Tek sayfa
Sonuçlar tek sayfaya sığsa da çubuk görünür kalır; ok düğmeleri pasif, "1" etkin görünür. Böylece filtre sonucu azaldığında çubuk birden kaybolmaz. Hiç sonuç yoksa (total() 0) çubuk çizilmez.
@php($tekSayfa = new \Illuminate\Pagination\LengthAwarePaginator(range(1, 3), 3, 25, 1, ['path' => '#']))
{{ $tekSayfa->links('acun-ui::components.ui.pagination') }}Liste sayfalarında
WithListing kullanan bileşenlerde görünüm adını yazmanız gerekmez; trait paginationView() ile bu görünümü seçer. Düğmeler previousPage, nextPage ve gotoPage metodlarını çağırır.
{{ $urunler->links() }}Uygulama genelinde
Livewire dışındaki sayfalarda (denetleyici + Blade) aynı görünümü her yerde kullanmak için varsayılan görünüm olarak kaydedin. Livewire bileşenleri bu ayarı değil kendi paginationView() değerlerini kullanır.
// app/Providers/AppServiceProvider.php
use Illuminate\Pagination\Paginator;
public function boot(): void
{
Paginator::defaultView('acun-ui::components.ui.pagination');
}Prop'lar ve slot'lar
Bileşenin kabul ettiği değerler.
| Prop | Varsayılan | Açıklama |
|---|---|---|
sayfalayıcı | — | paginate() sonucu (LengthAwarePaginator); total() gerektiği için simplePaginate() ve cursorPaginate() ile kullanılamaz |
Livewire metodları | — | previousPage · nextPage · gotoPage(n); Livewire yoksa düğmeler href ile çalışır |
çeviriler | — | Showing · to · of · results · Previous · Next (lang/tr.json) |