同じフロー内のページ間を移動するには、ページ・コンポーネントをナビゲーション・アクション・チェーンに設定するイベントに関連付けます。
特定のフロー内に2つのページを定義したとします: main
フロー内のmain-start
およびmain-other
。 また、ユーザーがmain-start
ページのボタンをクリックしてmain-other
ページに移動するようにします。 これを行うには:
- 移動元のページを開きます(
main-start
など)。
- ページ・デザイナで、ナビゲーションを設定するコンポーネントをドラッグし、ページ・キャンバスにドロップします。 ページのボタンの例を次に示します:
- ページ・コンポーネントを選択し、プロパティ・ペインの「イベント」タブをクリックします。
- 「+イベント・リスナー」ボタンをクリックして、ボタン・クリックのデフォルト・アクションであるOn 'ojAction'を選択します。 特定のコンポーネントについて推奨されるその他のオプションが表示される場合があります。
- 新しいアクション・チェーンが作成されたら、アクション・パレットのナビゲーション・セクションから「ページに移動」アクションをドラッグし、キャンバスにドロップします。
- ナビゲート・アクション・プロパティで、「ページ」(必要な場合)を選択し、ページ・ドロップ・ダウン・リストからナビゲートするページを選択します(たとえば、
main-other
)。
- オプショナル: ユーザーが元のページに戻るようにするには、ページ・コンポーネントを戻るアクション・チェーンをオフに設定するイベントに関連付けます:
- ナビゲーションを設定するページに移動します(例:
main-other
)。
- コンポーネントをページ・キャンバスにドラッグ・アンド・ドロップします(たとえば、ラベルがBackのボタン)。
- 「+イベント・リスナー」ボタンをクリックし、On 'ojAction'を選択します。
- 新しいアクション・チェーンが作成されたら、「戻る」アクションをアクション・パレットのナビゲーション・セクションからキャンバスにドラッグします。
- 「アプリケーションUI」をプレビューして、2つのページ間のナビゲーションをテストします。