Skip to Content
Author's profile photo Masayuki Sekihara

SAPクラウド演習 ANN-1. Fiori Elements – Part.2

SAPクラウド演習 ANN-1. Smart Template – Part.1 の続きです。

 

/wp-content/uploads/2016/01/anno18_866866.jpg

次に製品の詳細を表示しましょう。製品一覧テーブルの右側の > を選択してください。何も表示されません。

表示されるように詳細画面の設定をしましょう。

/wp-content/uploads/2016/01/anno15_866817.jpg

ここからは、似たようなオペレーションの繰り返しになりますので、スクリーンショットは省略します。

UI.Identification を追加。

UI.Identification の下に UI.DataField を追加。値は Description。

UI.Identification の下に UI.DataField を追加。値は Price。Add Concatenation で 仕切り文字にスペース1つと Path に CurrencyCode を指定。

 

/wp-content/uploads/2016/01/anno25_866865.jpg

/wp-content/uploads/2016/01/anno19_866818.jpg/wp-content/uploads/2016/01/anno20_866843.jpg

保存して、同様にアプリのブラウザをリロード。

詳細画面に 製品説明と価格が表示されています。

/wp-content/uploads/2016/01/anno21_866858.jpg

上部の青色ヘッダ部分に何も表示されていないので、製品名を表示しましょう。

Annotation Modeler に戻って、Annotation.xml に UI.HeaderInfo を追加します。

/wp-content/uploads/2016/01/anno15_866817.jpg

UI.HeaderInfo に Product, Products を入力

/wp-content/uploads/2016/01/anno22_866859.jpg

Title に Name を指定

/wp-content/uploads/2016/01/anno23_866860.jpg

保存して、アプリのブラウザをリロード。製品名がヘッダ領域に表示されます。

/wp-content/uploads/2016/01/anno24_866864.jpg

Annotation.xml を使った新しいノン・コーディング開発を体験して頂きました。

次は 同じく annotation.xml を使った、ダッシュボード内のカードの開発を紹介します。

Assigned Tags

      Be the first to leave a comment
      You must be Logged on to comment or reply to a post.