SAPクラウド演習 BUILD-3. 画面のプロトタイプ Page 2後半
SAPクラウド演習 BUILD-3. 画面のプロトタイプ Page 2前半 の続きです。
完成のイメージはこんな画面です。
2つめのサブ・セクションにはおすすめ商品を表示します。
タイトルをおすすめ商品に変更して、サブ・セクションの下にある Label を削除して Table を追加します。
Table には Related Product をバインドして、HeaderToolbar は削除します。
テーブルには 画像、商品、評価の3つを表示します。
初期設定の3つのセルを削除して、新規に Image, Item Identifier, Rating Indicator を順番に追加します。
各値をそれぞれ設定します。
メイン画面で列タイトルを変更します。項目を何回かクリックすると反転してテキスト変更できます。
最後の3つ目のサブ・セクションには評価のコメントを表示します。
タイトルを評価に変更、サブ・セクションの下の Label を削除して Table を追加します。
Table の行がクリックされると Page 3 へ進みます。データは ReviewSet にバインドします。
HeaderToolbar を削除し、列 Column を4つに追加します。
Raw 設定では、Type を Navigation に、初期設定のセルを削除して、新規に Text, Text, Text, Rating Indicator を追加します。
各セルの値を設定します。
メイン画面でテキストをクリックし列タイトルを変更します。
Page 2 の完成です。
これで Page 2 は完成です。次は Page 3 の作成です。
ハンズオン・シリーズ：クラウドでのアプリ開発: SAP Web IDE on HCP ハンズオン – まとめ