ミニクイズ(JSF)
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
*ミニクイズ(JSF) [#q9737f34]
JavaServer Facesで簡単なクイズを作成する。~
~
まず、ManagedBeanを作成する。~
ユーザーが入力した回答を保持するための変数answerとそのget...
>
import javax.inject.Named;
import javax.enterprise.context.RequestScoped;
@Named(value = "miniQuiz")
@RequestScoped
public class MiniQuiz {
private int answer;
// getter/setter省略
}
~
続いて、クイズの画面をFaceletsで作成する。~
#ref(mq1.gif)~
h:selectOneRadioタグを使用して1つの項目だけ選択可能なラジ...
ラジオボタンの値をManagedBeanのanswerに対応させる。~
また、layoutにpageDirectionを指定し選択肢を縦に並べている...
~
f:selectItemタグを使ってラジオボタンの選択肢を作成する。~
itemValueに内部で使用する値(ここでは1,2,3,4の整数)、ite...
~
f:ajaxタグではeventにchangeを指定して、ラジオボタンが変更...
~
h:outputTextタグを使用して、回答(answer)が未入力(0)の...
正解の場合(今回は4)は正解のメッセージを、不正解の場合は...
>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title>ミニクイズ</title>
</h:head>
<h:body>
<h:form>
問題:伊予鉄道の駅は?<br/>
<h:selectOneRadio value="#{miniQuiz.answer}"...
<f:selectItem itemValue="1" itemLabel="(...
<f:selectItem itemValue="2" itemLabel="(...
<f:selectItem itemValue="3" itemLabel="(...
<f:selectItem itemValue="4" itemLabel="(...
<f:ajax event="change" execute="@form" r...
</h:selectOneRadio>
<h:outputText id="ans" value="#{miniQuiz.ans...
miniQuiz.ans...
'不正解!'}"/>
</h:form>
</h:body>
</html>
~
クイズ1つ1つにこのようなページを作成するのは大変なので、...
~
(注意)~
Internet Explorer 8では動作しない。~
~
*コメント [#q204d847]
#comment
終了行:
*ミニクイズ(JSF) [#q9737f34]
JavaServer Facesで簡単なクイズを作成する。~
~
まず、ManagedBeanを作成する。~
ユーザーが入力した回答を保持するための変数answerとそのget...
>
import javax.inject.Named;
import javax.enterprise.context.RequestScoped;
@Named(value = "miniQuiz")
@RequestScoped
public class MiniQuiz {
private int answer;
// getter/setter省略
}
~
続いて、クイズの画面をFaceletsで作成する。~
#ref(mq1.gif)~
h:selectOneRadioタグを使用して1つの項目だけ選択可能なラジ...
ラジオボタンの値をManagedBeanのanswerに対応させる。~
また、layoutにpageDirectionを指定し選択肢を縦に並べている...
~
f:selectItemタグを使ってラジオボタンの選択肢を作成する。~
itemValueに内部で使用する値(ここでは1,2,3,4の整数)、ite...
~
f:ajaxタグではeventにchangeを指定して、ラジオボタンが変更...
~
h:outputTextタグを使用して、回答(answer)が未入力(0)の...
正解の場合(今回は4)は正解のメッセージを、不正解の場合は...
>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title>ミニクイズ</title>
</h:head>
<h:body>
<h:form>
問題:伊予鉄道の駅は?<br/>
<h:selectOneRadio value="#{miniQuiz.answer}"...
<f:selectItem itemValue="1" itemLabel="(...
<f:selectItem itemValue="2" itemLabel="(...
<f:selectItem itemValue="3" itemLabel="(...
<f:selectItem itemValue="4" itemLabel="(...
<f:ajax event="change" execute="@form" r...
</h:selectOneRadio>
<h:outputText id="ans" value="#{miniQuiz.ans...
miniQuiz.ans...
'不正解!'}"/>
</h:form>
</h:body>
</html>
~
クイズ1つ1つにこのようなページを作成するのは大変なので、...
~
(注意)~
Internet Explorer 8では動作しない。~
~
*コメント [#q204d847]
#comment
ページ名: