Table

Klik untuk menyalin

Elemen untuk menampilkan catatan dari database


Pengaturan awal:

Model - model data untuk tabel.
Endpoint akhir - sumber data untuk tabel.

table config


Pengaturan Tampilan dan Nuansa:

Title (tidak wajib) - judul tabel.

Width (wajib) - lebar tabel.

Style (wajib) - ukuran baris tabel.

Pagination (wajib) - menghidupkan dan mematikan pagination. Diaktifkan secara default.

Page size (tidak wajib) - baris per halaman.

Border (wajib) - batas tabel.

Name (wajib) - nama tabel.

Visible (wajib) - membuat tabel terlihat jika dihidupkan. Diaktifkan secara default.

Table


Data:

Di bagian ini Anda dapat mengelola kolom tabel.

Table Data Settings


Pemicu alur kerja:

  • onCreate – aktif saat komponen dibuat di halaman;
  • onShow – aktif ketika komponen mengubah statusnya menjadi terlihat (ditampilkan di halaman);
  • onHide – menyala ketika komponen mengubah statusnya menjadi tersembunyi (berhenti ditampilkan);
  • onDestroy – menyala ketika komponen dihancurkan;
  • onDataUpdate – diaktifkan oleh blok Table Update Data;
  • onRowClick – diaktifkan dengan mengklik satu baris;
  • onRowDoubleClick – diaktifkan dengan mengklik dua kali pada satu baris;
  • onFilter – aktif saat tabel diberi halaman;

Tindakan Komponen:

Table Get properties

Mendapatkan properti tabel.

Parameter masukan :

  • Component Id [string] - pengenal komponen tabel.

Parameter keluaran :

  • Title [string] - judul tabel;
  • Style [enum] - gaya tabel;
  • Pagination [boolean] - keadaan pagitation;
  • Bordered [boolean] - keadaan perbatasan;
  • Visible [boolean] - keadaan terlihat;
  • Loading [boolean] - status pemuatan;
  • Current page [integer] - halaman tabel saat ini;
  • Records per page [integer] - jumlah catatan per halaman tabel;
  • Total records [integer] - jumlah total record dalam tabel.

Table Get Properties

Table Set Properties

Mengatur properti tabel.

Parameter masukan :

  • Component Id [string] - pengenal komponen tabel;
  • Title [string] - judul tabel;
  • Style [enum] - gaya tabel;
  • Pagination [boolean] - keadaan pagitation;
  • Bordered [boolean] - keadaan perbatasan;
  • Visible [boolean] - keadaan terlihat;
  • Loading [boolean] - status pemuatan;
  • Current page [integer] - halaman tabel saat ini;
  • Records per page [integer] - jumlah catatan per halaman tabel;
  • Total records [integer] - jumlah total record dalam tabel.

Table Set Properties


Table Update Properties

Perbarui properti tabel.

Parameter masukan :

  • Component Id [string] - pengenal komponen tabel;
  • Title [string] - judul tabel;
  • Style [enum] - gaya tabel;
  • Pagination [boolean] - keadaan pagitation;
  • Bordered [boolean] - keadaan perbatasan;
  • Visible [boolean] - keadaan terlihat;
  • Loading [boolean] - status pemuatan;
  • Current page [integer] - halaman tabel saat ini;
  • Records per page [integer] - jumlah catatan per halaman tabel;
  • Total records [integer] - jumlah total record dalam tabel.


Table Update Properties

Table Get Data

Mendapatkan data tabel

Parameter masukan :

  • Component Id [string] - pengenal komponen tabel.

Parameter keluaran :

  • Records [integer] - jumlah catatan dalam tabel;
  • Data [model] - data dari tabel. Untuk ditampilkan dalam proses bisnis ketika ID Komponen hanya ditentukan;


Table Get Data

Table Update Data

Perbarui data tabel

Parameter masukan :

  • Data [model] - data dari tabel. Untuk ditampilkan dalam proses bisnis ketika ID Komponen hanya ditentukan;
  • Component Id [string] - pengenal komponen tabel.
  • Total Records [integer] - jumlah record dalam tabel.
  • _limit [integer] - jumlah entri maksimum yang mungkin dalam tabel;
  • _offset [integer] - offset catatan saat ini relatif terhadap catatan pertama.

Table Update Data

Table Clear Data

Hapus data tabel

Parameter masukan :

  • Component Id [string] - pengenal komponen tabel.

Table Clear Data


Contoh penggunaan:

Getting data for a table

Advanced table design