今回はOutsystem ServiceStudioで簡単なリスト画面を作りします。
・「New Application」をクリックして、「Start from scratch」、「Tradition Web」を選択します。
AppnameにはListSampleを入力して、Create Appをクリックします。
module typeは[Tradional Web]であるかを確認してから「CREATE MODULE」ボタンをクリックして、MODULEを作りしました。
ExcelファイルにPersonテーブルとデータを準備します。
テーブルの定義は下記です。
列1 UserName
列2 Birthday
列3 UserPassword
ExcelファイルをOutsystem ServiceStudioにドラッグ＆ドロップします。
「Import」をクリックします。
Outsystem ServiceStudioは自動でExcelファイルを導入してくれたが、導入したテーブルの名称は【Sheet1】となっています。原因はExcelファイルのシート名は【Sheet1】です。
手動で名称を【Sheet1】から【Person】に変更します。
Web Screenを Toolboxからキャンバスにドラッグ&ドロップします。
Screen nameに画面名[ListGamen]を入力して、Create Screenをクリックして、画面を作成します。
作成した画面[ListGamen]を右クリックして、「Add Preparation」をクリックします。
Aggregate を Start と End の間のフローにドラッグします。
Aggregate1 をダブルクリックして Aggregate エディタで開きます。
［ Data］タブに切り替え、 Person エンティティをキャンバスにドラッグ&ドロップします。
これにより、データベース（ Person エンティティ）からすべてのPersonを取得する
Aggregate が設定されます。
「Table Records」を画面「ListGamen」のMainContentエリアにドラッグ&ドロップ
「Table Records」のSource RecordListを「GetPersons.List」で指定
「Table Records」のHeader Rowを展開します。Header Rowに表示したい明細のヘッダを追加します。ここは「UserName」と「birthday」「userPassword」を設定します。
「Table Records」のRowを展開します。Rowに表示したい明細に三つ「Expression」をドロッグ＆ドロップします。「Expression」のValueは「TableRecords1.List.Current.Person.UserName」
「TableRecords1.List.Current.Person.Birthday」
「TableRecords1.List.Current.Person.UserPassword」を指定します。
画面にある1アイコン(1-click Publish)をクリックして、コンパイルなどを行います。
コンパイル完了したらOpen In Browserアイコンをクリックして画面を動作します。
これで簡単なリスト画面を完了しました。