Tabela

Click to copy

Element do wyświetlania rekordów z bazy danych


Ustawienie początkowe:

Model- model danych dla tabeli.

Endpoint- źródło danych dla tabeli.


Ustawienia Look and Feel:

Title(nieobowiązkowe) - tytuł tabeli.

Width(obowiązkowo) - szerokość tabeli.

Style(obowiązkowo) - rozmiar wiersza tabeli.

Pagination(obowiązkowy) - włączanie i wyłączanie paginacji. Domyślnie włączona.

Page size (nie obowiązkowe) - wiersze na stronę.

Border (obowiązkowy) - obramowanie tabeli.

Name (obowiązkowy) - nazwa tabeli.

Visible (obowiązkowy) - sprawia, że tabela jest widoczna, jeśli jest włączona. Włączone domyślnie.


Dane:

W tej sekcji możesz zarządzać kolumnami tabeli.


Wyzwalacze przepływu pracy:

  • onCreate- odpala się, gdy komponent jest tworzony na stronie;
  • onShow- wywołuje się, gdy komponent zmienia swój stan na widoczny (wyświetlany na stronie);
  • onHide- zostanie wywołany, gdy komponent zmieni swój stan na ukryty (przestanie być wyświetlany na stronie);
  • onDestroy- odpala się, gdy komponent jest niszczony;
  • onDataUpdate- odpala się przez blok Aktualizacja danych tabeli;
  • onRowClick- odpala się po kliknięciu na wiersz;
  • onRowDoubleClick- zostanie wywołany przez podwójne kliknięcie na wierszu;
  • onFilter- wywołuje się, gdy tabela jest paginowana;

Component Actions:

Table Get properties

Pobiera właściwości tabeli.

Parametry wejściowe:

  • Component Id [string] - identyfikator komponentu tabeli.

Parametry wyjściowe:

  • Title[string] - tytuł tabeli;
  • Style[enum] - styl tabeli;
  • Pagination[boolean] - stan paginacji;
  • Bordered[boolean] - stan obramowania;
  • Visible[boolean] - stan widoczności;
  • Loading[boolean] - stan załadowania;
  • Current page [integer] - bieżąca strona tabeli;
  • Records per page [integer] - liczba rekordów na stronie tabeli;
  • Total records [integer] - całkowita liczba rekordów w tabeli.

Table Set Properties

Ustawia właściwości tabeli.

Parametry wejściowe:

  • Component Id [string] - identyfikator komponentu tabeli;
  • Title[string] - tytuł tabeli;
  • Style[enum] - styl tabeli;
  • Pagination[boolean] - stan paginacji;
  • Bordered[boolean] - stan obramowania;
  • Visible[boolean] - stan widoczności;
  • Loading [boolean] - stan załadowania;
  • Current page [integer] - bieżąca strona tabeli;
  • Records per page [integer] - liczba rekordów na stronie tabeli;
  • Total records [integer] - całkowita liczba rekordów w tabeli.

Table Update Properties

Aktualizuje właściwości tabeli.

Parametry wejściowe:

  • Component Id [string] - identyfikator komponentu tabeli;
  • Title[string] - tytuł tabeli;
  • Style[enum] - styl tabeli;
  • Pagination[boolean] - stan paginacji;
  • Bordered[boolean] - stan obramowania;
  • Visible[boolean] - stan widoczności;
  • Loading [boolean] - stan załadowania;
  • Current page [integer] - bieżąca strona tabeli;
  • Records per page [integer] - liczba rekordów na stronie tabeli;
  • Total records [integer] - całkowita liczba rekordów w tabeli.

Table Get Data

Pobiera dane tabeli.

Parametry wejściowe:

  • Component Id[string] - identyfikator komponentu tabeli.

Parametry wyjściowe:

  • Records[integer] - liczba rekordów w tabeli;
  • Data[model] - dane z tabeli. Do pokazania w procesie biznesowym, gdy określony jest tylko identyfikator komponentu;

Table Update Data

Uaktualnij dane tabeli

Parametry wejściowe:

  • Data[model] - dane z tabeli. Do pokazania w procesie biznesowym, gdy określony jest tylko ID komponentu;
  • Component Id[string] - identyfikator komponentu tabeli.
  • Total Records[integer] - liczba rekordów w tabeli.
  • _limit[integer] - maksymalna możliwa ilość wpisów w tabeli;
  • _offset [integer] - przesunięcie bieżącego rekordu względem pierwszego rekordu.

Table Clear Data

Wyczyść dane tabeli

Parametry wejściowe:

  • Component Id[string] - Identyfikator komponentu tabeli.


Przykład użycia:

Getting data for a table

Advanced table design

Tabela | AppMaster Docs