サンプルデータを表示するには

667 views

最終的な動き

SmartUXにてテーブルコンテナウィジェットを設置した際、データの中身を表示しながら構築していきたいと思います。
ここでは表示方法の手順と意味についてお伝えします。

構築方法

①Magic側：データを用意する

モックアップは外見上だけ確認のために使うデータなので、仮に作られたデータを表示する想定の手順です。
すでにデータが用意されている場合は行う必要がありません。
データリポジトリにてデータを作ります。

設定からシステムの「実行モード」を「オンライン」に変更する
APGを実行してテータ画面を出現させる（Ctrl+G）
編集モードに切り替えて（Ctrl+M）データを追加していく（F4）
追加が完了したらEscキーにて閉じ「実行モード」を「バックグラウンド」へと変更する

②Magic側：フォームにテーブルを配置する

テーブルを表示するためにプログラムリポジトリにて、テーブルに表示するデータを指定してを配置する必要があります。
すでに配置している場合は必要がありません。

テーブルを配置したいプログラムを選択、または新規作成する
「データビュー」にてデータを表示させるメインソースとカラムを設定する
「フォーム」にてテーブルを配置し、カラムを並べていく
「Esc」キーを押すことで１度目の保存が入る
※ここでの保存はまだSmartUXに反映されません
プログラムリポジトリのトップ画面に戻る段階に「Esc」キーを押すことで２度目の保存が入る
※この時点でSmartUXに反映されます

テーブル内のデータ表示方法について

データを表示するとき、編集する必要がなく内容を表示することのみ行いたい場合があると思いますので、このページの後半にて補足解説いたします。
（デフォルトでは編集が可能な入力フォームになっているため）
補足1.データのみ表示して編集を不可能にする方法

③SmartUX側：新規の場合はコンポーネントを追加する

新規プログラムを追加してテーブルを作成した場合は、SmartUX画面にてコンポーネントの追加を行う必要があります。
この作業については以下のページにて詳しく解説しております。
画像のリンクから遷移した画面にて「②SmartUX側」項目内「1～6」までをご参照ください。
リンク先：新規プログラムを追加する方法

すでに追加している場合は必要がありません。

④SmartUX側：テーブルコンテナを追加する

テーブルを表示するためにはテーブルコンテナのウィジェットを配置する必要があります。
この作業については以下のページにて詳しく解説しております。
画像のリンクから遷移した画面にて「テーブル構築の流れ」項目内「①～⑦」までをご参照ください。
リンク先：テーブルコンテナ

⑤martUX側：データ表示の方法

上記の手順を踏んでいただくことで、xpaにて設定したデータベースから表示するテーブルがウィジェットと紐づきました。
しかし、紐づけただけではデータの中身が表示されません。
理由は、紐づけられたのが「テーブル名」・「カラム数」・「カラム名」のみで「カラム内にはどんなデータが入っているか」までは紐づいていません。
そのため以下の設定が必要になります。