5-2.書籍レビュー画面

レビュー詳細画面機能修正

O:これからの操作は、5-1.書籍詳細画面の「Actionの登録チェック」と作業が似ているけど、以下の違いがあるの。

  • 入力項目が少ない分、フローが少し短くなる。
  • 新規登録のときに書籍データとレビューデータを関連づける「Assign」の追加。

以上を踏まえて、パラメータや参照先を理解して、操作を行ってね。

561065

Actionの登録チェック

01 「ScreenFlow」>「MainFlow」の「ReviewDetail」WebScreenをダブルクリックで開き、画面下部にある、【Save】をダブルクリックしてください。

562

02 これから、10のActionが入力されるので、スペースが必要になります。挿入する場所を作るため、赤枠のActionを全て選択してください。

563

03 選択したActionを図のように右斜め下に移動してください。

P:あ!また「Connector」が伸びた! にゅいーん♪

O:「Start」と「Valid」、「Valid」と「CreateOrUpdateReview」をそれぞれを繋ぐ「Connector」が長く伸びたのね。

 

04 新しく配置するActionと重なってしまうのを防ぐため、右クリック→「Delete」で2本とも削除します。

564

05 「If」を図05のように「Start」の下に配置してください。

565

  • 「If」の条件文は以下になります。

IsConfirmed

 

  • これから追加するParameterは 「BookDetail」と同じものを使います。

06 図を参考に、「BookDetail」>「Save」>「IsConfirmed」をコピーします。

07 「ReviewDetail」 >「Save」>右クリック「Paste」で「Save」の中に貼り付けます。

566

 

  • 次の操作で「BookId」 Parameterが必要になります。

08 「BookDetail」の「BookId」 を「ReviewDetail」にコピー&ペーストしてください。

567

 

09 「Assign」を図のように「IF」の下に配置してください。

568

 

10 図のようにプロパティを変更します。

569

O:これは新規登録の時に書籍データと関連付けるためのアクションです。

 

11 図のようにフローを繋げます。

570

P:あれ、なんか文字が重なって見にくくなっちゃうよ?

O:フローを繋げると、表示された文字が重なったり、フローが見えにくくなったりすることがあるわ。後に確認しやすいように、位置を調整するの。見やすく、分かりやすくを心掛けてね。

 

12 図のように配置します。

571

  • 「If」や「Assign」の設定は図を参照してください。

572

064

 

13 「ExecuteAction」を図のように「Valid」Ifの下に配置してください。

573

 

14 「ExecuteAction」のプロパティを図のように設定してください。

574

 

15 「End」を図15のように「クリックSaveCheck」の下に配置します。

575

O:これでActionの登録チェックは終了です。

P:なんだか静かだったね。

O:5-1.書籍詳細画面の「Actionの登録チェック」と作業が似てるからね。

 

Widgetの登録チェック

01 「ScreenFlow」>「MainFlow」の「ReviewDetail」WebScreenで、図01のように画面下部にある【Save】の横に、【OK】を追加してください。

576

 

02 【OK】のプロパティを図02のように設定します。

  • Name:SaveCheckDate
  • Label:”データの更新(非表示)”
  • Method:Ajax Submit
  • Destination:Save
  • IsConfirmed:True
  • Style:”display: none;”

577

 

03 この時点でエラーは全て消えているので、Publishを押して、モジュールを更新してください。

578

  • もし、Publishできなければ、配置や設定に漏れがあると思われます。画面左下「True Change」タブのエラーを確認して解消してください。

579

O:Widgetの登録チェックはこれで終了です。

580

P:ホントに静かだったね。

O:次はにぎやかにしましょう♪

<<前ページ:5-1.書籍詳細画面 | 次のページ:5-3.削除機能追加>>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です