Employees ページから Departments ページへのナビゲーション

『Departments ページから Employees ページへのナビゲーション』では、 Departments （部門一覧）ページに、「従業員一覧」 ボタンを追加しました。 ここでは、Employees ページに、「部門一覧」 ボタンを追加します。 「部門一覧」 ボタンをクリックすると Departments ページにナビゲートするように設定します。

  1. アーティファクト・ブラウザの 「Web Applications」 タブ Web Applications アイコン をクリックします。 「HRWebApp」 → 「flows」 → 「main」 ノードを展開して、 「Employees」 ページをクリックします。

  2. コンポーネント・パレットから、 「Button」 コンポーネントを Toolbar コンポーネントの中（「作成」 ボタンの右隣）にドラッグ＆ドロップします。

  3. 追加した Button コンポーネントのプロパティ・インスペクタを開きます。 「General」 タブ・ページの 「Text」 フィールドを 部門一覧 と編集します。

  4. 「部門一覧」 ボタンのプロパティ・インスペクタで、 「Events」 タブ・ページを開きます。 「+ New Event」 ボタンをクリックすると表示されるメニューから 「Quick Start: 'ojAction'」 を選択します。

    これにより、「従業員一覧」 ボタンがクリックされた時に起動される、 Id が ButtonClickAction のアクション・チェーンが定義されます。

  5. 画面の左側には、アクション・パレットの 「Navigation」 カテゴリから 「Navigate」 を 「Start」 アクションの下に表示されている 「＋」 マークの上にドラッグ＆ドロップします。

  6. 「Navigate」 パネルの 「Select Target」 ボタンをクリックします。

  7. 「Select Target」 ダイアログ・ボックスで 「Peer Page」 をクリックします。

  8. ナビゲート可能なページのリストが表示されるので、 「departments」 を選択したら、 「Select」 ボタンをクリックします。

  9. 画面右上にある Run アイコン （Run） ボタンをクリックします。

    Employees （従業員一覧）ページの 「従業員一覧」 ボタンをクリックし、Departments （部門一覧）ページにナビゲートされることを確認します。

以上で、パート4は完了です。