Download presentation
Presentation is loading. Please wait.
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 の情報により、遷移先が決定される。
Similar presentations
© 2024 slidesplayer.net Inc.
All rights reserved.