Pagination

Pagination adalah komponen yang digunakan untuk membagi data menjadi beberapa halaman, memudahkan navigasi dan meningkatkan performa aplikasi. Komponen ini bekerja bersama dengan FlatList untuk menampilkan data dalam format yang terstruktur dan mudah dinavigasi.

Beberapa keunggulan menggunakan Pagination:

  • Membagi data menjadi halaman-halaman yang lebih mudah dikelola
  • Meningkatkan performa dengan hanya memuat data yang diperlukan
  • Navigasi antar halaman yang intuitif
  • Perhitungan jumlah halaman otomatis

Pagination bekerja secara otomatis dengan FlatList, menghitung jumlah halaman berdasarkan total data dan jumlah item per halaman yang ditentukan melalui atribut perpage.

index.html
<Nexa module="(FlatList,Components)" from="Tatiye"/>
<FlatList
  data="user"
  fields="id, nama, email, desa"
  keyextractor="item"
  page="brief"
  perpage="3"
  orderby="id DESC">
  <div class="product-card">
    <h3>ID:{item.id}</h3>
    <h3>{item.nama}</h3>
    <p>{item.email}</p>
    <p>Added: {item.desa}</p>
  </div>
</FlatList>
<Pagination 
nx-path="exam/pagination/" 
nx-current="brief"/>

Attributes

Attribute Description Required
data Table name in database Yes
fields Comma-separated list of fields to select Yes
join Join clause in format "TYPE:table:condition" No
where WHERE clause for filtering No
orderBy ORDER BY clause for sorting No
limit Number of records to return No
keyExtractor Variable prefix for template Yes
page Number of records to return No
perpage Number of records to return No