Presentation is loading. Please wait.

Presentation is loading. Please wait.

JSFによるWebアプリケーション開発 第5回

Similar presentations


Presentation on theme: "JSFによるWebアプリケーション開発 第5回"— Presentation transcript:

1 JSFによるWebアプリケーション開発 第5回
画面遷移 JSFによるWebアプリケーション開発 第5回

2 ここでの内容 JSFでの画面遷移の方法について学ぶ。

3 画面遷移とは? 画面1のボタンを押したら画面2に飛ぶ

4 画面1のJSP <f:view> <h:form id="searchForm">
<h:commandButton id="button1" action="success" value="Go!" /> </h:form> </f:view>

5 h:commandButton 要素 (1) <h:commandButton id="button1"
action="success" value="Go!" /> ボタンを表すUIコンポーネント id 属性がある。 value 属性の値は、ボタンのラベルになる。

6 h:commandButton 要素 (2) <h:commandButton id="button1"
action="success" value="Go!" /> action 属性の値は outcome という。 ボタンが押されると、どこかのページに遷移する。 どのページに遷移するかという情報を得るために、 outcome を使う。 outcome・遷移元・遷移先の情報は、faces-config.xml に記述する。

7 faces-config.xml の編集 <navigation-rule>
<from-view-id>/page1.jsp</from-view-id> <navigation-case> <from-outcome>success</from-outcome> <to-view-id>/page2.jsp</to-view-id> </navigation-case> </navigation-rule>

8 from-view-id 要素 <from-view-id>/page1.jsp</from-view-id>

9 navigation-case 要素 <navigation-case>
<from-outcome>success</from-outcome> <to-view-id>/page2.jsp</to-view-id> </navigation-case> (page1.jspで) “success” という outcome が返されたら、/page2.jsp に遷移する。

10 まとめ ボタンが押されると、どこかのページに遷移する。
どのページに遷移するかという情報を得るために、commandButton タグの outcome を使う。 outcome・遷移元・遷移先の情報は、faces-config.xml に記述する。 遷移元と outcome の情報により、遷移先が決定される。


Download ppt "JSFによるWebアプリケーション開発 第5回"

Similar presentations


Ads by Google