• Czas czytania ~1 min
  • 08.09.2023

Pakiet Livewire Tables przenosi dynamiczne stoły dla modeli do Laravel Livewire. Oto niektóre z najważniejszych wydarzeń, które otrzymasz po wyjęciu z pudełka:

  • Wybór kolumn, które chcesz zobaczyć
  • Stosowanie wielu filtrów jednocześnie
  • Wykonywanie operacji na wybranych rekordach
  • Działa doskonale z cechą SoftDeletes
  • Wyszukiwanie pojedynczych kolumn
  • Obsługa wielu typów kolumn
  • Obsługa trybu ciemnego
  • 100% pokrycie kodu

Działa poprzez utworzenie komponentu tabeli, który rozszerza się z komponentu podstawowegoLivewireTable, jak w poniższym przykładzie:Bez powtarzania dokumentacji, oto przykład mapowania kolumn tabeli na kolumnę modelu:

namespace App\Livewire;

use RamonRietdijk\LivewireTables\Livewire\LivewireTable;

class BlogTable extends LivewireTable
{
    protected string $model = Blog::class;
}

// Normal column
Column::make(__('Name'), 'name'),

// A boolean column
BooleanColumn::make(__('Published'), 'published'),

// A date-based column
DateColumn::make(__('Created At'), 'created_at')
    ->format('d m Y'),

Istnieją różne inne typy kolumn, do których można się odwoływać w dokumentacji kolumn. Oprócz kolumn można również definiować filtry, akcje kolumn i inne elementy.

Aby wyrenderować komponent tabeli, tak jak w naszym przykładzie, możesz napisać:

<livewire:blog-table/>

Możesz zacząć od tego pakietu, sprawdzając dokumentację, zaczynając od Wprowadzenia do tabel Livewire. Dostępne jest również demo, jeśli chcesz zobaczyć go w akcji, zanim się zanurzysz! Na koniec możesz zobaczyć kod źródłowy na GitHub pod adresem ramonrietdijk/livewire-tables.

Comments

No comments yet
Yurij Finiv

Yurij Finiv

Full stack

O

Professional Fullstack Developer with extensive experience in website and desktop application development. Proficient in a wide range of tools and technologies, including Bootstrap, Tailwind, HTML5, CSS3, PUG, JavaScript, Alpine.js, jQuery, PHP, MODX, and Node.js. Skilled in website development using Symfony, MODX, and Laravel. Experience: Contributed to the development and translation of MODX3 i...

O autorze CrazyBoy49z
WORK EXPERIENCE
Kontakt
Ukraine, Lutsk
+380979856297