Container

クリックでコピー

要素をグループ化するために使用します。


ルック&フィールの設定。

Name (必須) - コンポーネントの名前。

Direction (必須) - コンテナ内での要素の配置方法,垂直方向または水平方向.デフォルトは水平。

Wrap (必須) - コンテナの枠からはみ出した場合のコンテンツの折り返し。デフォルトはNowrap

Alignment(必須)- コンテナ内の要素の整列。デフォルトはStart。

Sizes (必須) - コンテナの寸法。ピクセルまたはパーセントで指定する。デフォルトはWidth 100

Max Width(必須) - コンテナの最大幅。ピクセルまたはパーセンテージで指定する。デフォルトで100%。

Margin (必須) - 外側のインデント。デフォルトは0。

Padding (必須) - 内側のインデント。デフォルトでは0 イメージ、グラデーション、またはオーバーレイ(必須ではない) - 背景用。

Background color(必須ではありません) - 背景の原色です。

Border (必須ではない) - コンポーネントの境界線の設定。

Visible (必須) -オンにすると、コンポーネントを表示します。デフォルトでは有効。

Container Settings


ワークフロートリガー

  • onCreate - は、ページ上に要素が作成されたときに発生します。
  • onShow - コンポーネントが可視状態(ページに表示される状態)になったときに発生します。
  • onHide - コンポーネントが hidden に変化したとき (表示を停止したとき) に発生します。
  • onDestroy - コンポーネントが破棄されたときに発生します。
  • onClick - コンポーネントがクリックされたときに発生します。



コンポーネントアクション。

Container get properties

コンテナのプロパティを取得します。

入力 パラメータ。

  • Component Id [string] - コンテナコンポーネントの識別子。

出力 パラメータ

  • Width [string]- コンポーネントの幅
  • Height [string]- コンポーネントの高さ
  • Flex direction [enum]- コンポーネントの方向
  • Wrap [enum]- コンポーネントのラップ
  • Alignment horizontal [enum]- コンポーネントの水平方向の配置。
  • Alignment vertical [enum]- コンポーネントの垂直方向のアライメント
  • Margin [string]- コンポーネントのマージン
  • Padding [string]- コンポーネントのパディング
  • Border [string]- コンポーネントのボーダー
  • Background color [string]- コンポーネントの背景色。
  • Visible [boolean]- コンポーネントの可視性の状態。


Container set properties

コンテナのプロパティを取得。

入力 パラメータ

  • Component Id [string] - コンテナ コンポーネントの識別子です。

出力 パラメータ。

  • Width [string]- コンポーネントの幅
  • Height [string]- コンポーネントの高さ
  • Flex direction [enum]- コンポーネントの方向
  • Wrap [enum]- コンポーネントの折り返し。
  • Alignment horizontal [enum]- コンポーネントの水平方向の配置。
  • Alignment vertical [enum]- コンポーネントの垂直方向のアライメント
  • Margin [string]- コンポーネントのマージン
  • Padding [string]- コンポーネントのパディング
  • Border [string]- コンポーネントのボーダー
  • Background color [string]- コンポーネントの背景色。
  • Visible [boolean]- コンポーネントの可視性状態。


Container update properties

コンテナのプロパティを更新

入力 パラメータ

  • Component Id [string]- コンテナコンポーネントの識別子。
  • Width [string]- コンポーネントの幅
  • Height [string]- コンポーネントの高さ
  • Flex direction [enum]- コンポーネントの方向
  • Wrap [enum]- コンポーネントのラップ
  • Alignment horizontal [enum]- コンポーネントの水平方向のアライメント。
  • Alignment vertical [enum]- コンポーネントの垂直方向のアラインメント
  • Margin [string]- コンポーネントのマージン
  • Padding [string]- コンポーネントのパディング
  • Border [string]- コンポーネントのボーダー
  • Border radius [string]- コンポーネントのボーダーの半径。
  • Background color [string]- コンポーネントの背景色。
  • Visible [boolean]- コンポーネントの可視性状態。



使用例

コンテナは、要素をグループ化するために使用することができます。例えば、いくつかの異なる入力フィールドからフォームを組み立てるために使用します。

example use containers