パネル

「パネル」ウィジェットは、別のウィジェットとデータをパネル内に格納するためのコンテナです。これらのウィジェットとデータは、1 つのグループとして移動することができます。

データ行のサイズが、デバイスに割り当てられているスペースのサイズを超えている場合は、パネル上でデータをスクロールすることもできます。

• ウィジェットとデータを一緒にグループ化し、それらのウィジェットとデータを 1 つのグループとして移動する場合。

• デバイスの画面に収まりきれないデータを表示する場合。たとえば、画面からはみ出してしまうデータ行の場合は、「パネル」ウィジェットを使用すると、そうしたデータ行をスクロールできるようになります。

一般的なウィジェットのプロパティ、サービス、イベントのリストについては、共通のウィジェットプロパティ、サービス、イベントを参照してください。

プロパティ	JavaScript	タイプ	説明
フレックス方向	flexdirection	string	レイアウトの方向を定義します。

使用時に必要な最小ステップ

外観

1. 「パネル」ウィジェットをキャンバス上にドラッグアンドドロップします。

2. 表示するウィジェットをパネル上にドラッグアンドドロップします。この例では、「データグリッド」ウィジェットと「ボタン」ウィジェットをパネル上にドロップします。

この例では、既成のテーマ button-dark を使用して、ボタンを濃い灰色にしました。