Kontener

Kliknij, aby skopiować

Używane do grupowania elementów


Ustawienia wyglądu i działania:

Name (obowiązkowe) - nazwa komponentu.

Direction (obowiązkowe) - sposób ułożenia elementów wewnątrz kontenera, pionowo lub poziomo. Poziomo jest domyślnie.

Wrap (mandatory) - zawijanie treści, gdy wykracza ona poza granice kontenera. Nowrap by default

Alignment (obowiązkowy) - wyrównanie elementów w kontenerze. Start by default.

Sizes (mandatory) - wymiary kontenera. W pikselach lub w procentach. Width 100% by default

Max Width (obowiązkowe) - maksymalna szerokość kontenera w pikselach lub procentach. 100% domyślnie.

Margin (obowiązkowe) - tiret zewnętrzne. 0 domyślnie.

Padding (obowiązkowe) - tiret wewnętrzne. 0 domyślnie Obraz, Gradient lub Nakładka (nieobowiązkowe) - dla tła.

Background color (nie obowiązkowe) - kolor podstawowy dla tła.

Border (nie obowiązkowe) - ustawienia obramowania komponentu.

Visible (obowiązkowo) - sprawia, że komponent jest widoczny, jeżeli jest włączony. Domyślnie włączony.

Container Settings


Wyzwalacze przepływu pracy:

  • onCreate - odpala się, gdy element jest tworzony na stronie;
  • onShow - wywołuje się, gdy element zmienia swój stan na widoczny (wyświetlany na stronie);
  • onHide - odpala się, gdy element zmienia swój stan na ukryty (przestaje być wyświetlany);
  • onDestroy - zostanie wywołany, gdy element zostanie zniszczony;
  • onClick - zostanie wywołany po kliknięciu na komponent.



Component Actions:

Container get properties

Gets the container's properties.

Parametrywejściowe :

  • Component Id [string] - identyfikator komponentu kontenera.

Parametry wyjściowe :

  • Width [string] - szerokość komponentów;
  • Height [string] - wysokość komponentów;
  • Flex direction [enum] - kierunek komponentów;
  • Wrap [enum] - zawijanie komponentów;
  • Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
  • Alignment vertical [enum] - wyrównanie komponentu w pionie;
  • Margin [string] - margines komponentu;
  • Padding [string] - padding komponentu;
  • Border [string] - obramowanie komponentu;
  • Background color [string] - kolor tła komponentu;
  • Visible [boolean] - stan widoczności komponentu.


Container set properties

Pobiera właściwości kontenera.

Parametrywejściowe :

  • Component Id [string] - identyfikator komponentu kontenera.

Parametry wyjściowe :

  • Width [string] - szerokość komponentów;
  • Height [string] - wysokość komponentów;
  • Flex direction [enum] - kierunek komponentów;
  • Wrap [enum] - zawijanie komponentów;
  • Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
  • Alignment vertical [enum] - wyrównanie komponentu w pionie;
  • Margin [string] - margines komponentu;
  • Padding [string] - padding komponentu;
  • Border [string] - obramowanie komponentu;
  • Background color [string] - kolor tła komponentu;
  • Visible [boolean] - stan widoczności komponentu.


Container update properties

Aktualizacja właściwości kontenera

Parametrywejściowe :

  • Component Id [string] - identyfikator komponentu container;
  • Width [string] - szerokość komponentów;
  • Height [string] - wysokość komponentów;
  • Flex direction [enum] - kierunek komponentów;
  • Wrap [enum] - zawijanie komponentów;
  • Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
  • Alignment vertical [enum] - wyrównanie komponentu w pionie;
  • Margin [string] - margines komponentu;
  • Padding [string] - padding komponentu;
  • Border [string] - obramowanie komponentu;
  • Border radius [string] - promień obramowania komponentu;
  • Background color [string] - kolor tła komponentu;
  • Visible [boolean] - stan widoczności komponentu.



Przykład użycia.

Kontener może być użyty do grupowania elementów. Na przykład, aby złożyć formularz z kilku różnych pól wejściowych:

example use containers