Table

Kopyalamak için tıklayın

Veritabanından kayıtları görüntülemek için öğe


İlk ayar:

Model - tablo için veri modeli.
Endpoint - tablo için veri kaynağı.

table config


Bak ve Hisset Ayarları:

Title (zorunlu değil) - tablo başlığı.

Width (zorunlu) - tablo genişliği.

Style (zorunlu) - tablo satır boyutu.

Pagination (zorunlu) - sayfalandırmayı açma ve kapatma. Varsayılan olarak açık.

Page size (zorunlu değil) - sayfa başına satır.

Border (zorunlu) - tablo kenarlıkları.

Name (zorunlu) - tablonun adı.

Visible (zorunlu) - açıksa tablonun görünür olmasını sağlar. Varsayılan olarak etkindir.

Table


Veri:

Bu bölümde tablo sütunlarını yönetebilirsiniz.

Table Data Settings


İş akışı tetikleyicileri:

  • onCreate – bileşen sayfada oluşturulduğunda tetiklenir;
  • onShow – bileşen durumunu görünür (sayfada görüntülenir) olarak değiştirdiğinde tetiklenir;
  • onHide – bileşen durumunu gizli olarak değiştirdiğinde tetiklenir (görüntülenmeyi durdurur);
  • onDestroy – bileşen yok edildiğinde tetiklenir;
  • onDataUpdate – Tablo Güncelleme Verileri bloğu tarafından tetiklenir;
  • onRowClick - bir satıra tıklayarak tetiklenir;
  • onRowDoubleClick – bir satıra çift tıklayarak tetiklenir;
  • onFilter – tablo sayfalandırıldığında tetiklenir;

Bileşen Eylemleri:

Table Get properties

Tablo özelliklerini alır.

Giriş parametreleri:

  • Bileşen Kimliği [dize] - tablo bileşeninin tanımlayıcısı.

Çıkış parametreleri:

  • Title [string] - tablo başlığı;
  • Style [enum] - tablo stili;
  • Pagination [boolean] - sayfalama durumu;
  • Bordered [boolean] - sınır durumu;
  • Visible [boolean] - görünürlük durumu;
  • Loading [boolean] - yükleme durumu;
  • Current page [integer] - mevcut tablo sayfası;
  • Records per page [integer] - tablo sayfası başına kayıt sayısı;
  • Total records [integer] - tablodaki toplam kayıt sayısı.

Table Get Properties

Table Set Properties

Tablo özelliklerini ayarlar.

Giriş parametreleri:

  • Component Id [string] - tablo bileşeninin tanımlayıcısı;
  • Title [string] - tablo başlığı;
  • Style [enum] - tablo stili;
  • Pagination [boolean] - sayfalama durumu;
  • Bordered [boolean] - sınır durumu;
  • Visible [boolean] - görünürlük durumu;
  • Loading [boolean] - yükleme durumu;
  • Current page [integer] - mevcut tablo sayfası;
  • Records per page [integer] - tablo sayfası başına kayıt sayısı;
  • Total records [integer] - tablodaki toplam kayıt sayısı.

Table Set Properties


Table Update Properties

Tablo özelliklerini güncelleyin.

Giriş parametreleri:

  • Component Id [string] - tablo bileşeninin tanımlayıcısı;
  • Title [string] - tablo başlığı;
  • Style [enum] - tablo stili;
  • Pagination [boolean] - sayfalama durumu;
  • Bordered [boolean] - sınır durumu;
  • Visible [boolean] - görünürlük durumu;
  • Loading [boolean] - yükleme durumu;
  • Current page [integer] - mevcut tablo sayfası;
  • Records per page [integer] - tablo sayfası başına kayıt sayısı;
  • Total records [integer] - tablodaki toplam kayıt sayısı.


Table Update Properties

Table Get Data

Tablo verilerini alır

Giriş parametreleri:

  • Component Id [string] - tablo bileşeninin tanımlayıcısı.

Çıkış parametreleri:

  • Records [integer] - tablodaki kayıt sayısı;
  • Data [model] - tablodaki veriler. Yalnızca Bileşen Kimliği belirtildiğinde iş sürecinde gösterilecek;


Table Get Data

Table Update Data

Tablo verilerini güncelle

Giriş parametreleri:

  • Data [model] - tablodaki veriler. Yalnızca Bileşen Kimliği belirtildiğinde iş sürecinde gösterilecek;
  • Component Id [string] - tablo bileşeninin tanımlayıcısı.
  • Total Records [integer] - tablodaki kayıt sayısı.
  • _limit [integer] - tablodaki olası maksimum giriş sayısı;
  • _offset [integer] - mevcut kaydın ilk kayda göre ofseti.

Table Update Data

Table Clear Data

Tablo verilerini temizle

Giriş parametreleri:

  • Component Id [string] - tablo bileşeninin tanımlayıcısı.

Table Clear Data


Kullanım örneği:

Getting data for a table

Advanced table design