QA@IT
«質問へ戻る

質問を投稿

renderedの使い方について

Javaとprimefaceを使って添付写真にあるようなものが作りたいです。
作りたいのものの説明をすると、
二つの言語切り替えボタン"日本語” "英語"があり、
切り替えたい言語を選択することによって、
その下にある二つのボタン"日本" "アメリカ"のボタンが
"Japan" "America"に変わることと、
"日本" "アメリカ”のボタンを押すことによって
そのボタンの下にある文章も言語ボタンと同じものが表示される。
というものをつくりたいです。

ちなみに言語の切り替えの部分はチェックリストではなく、ボタン機能として作りたいのと、ボタンを押すたびに中の文章が切り替わるというのもrenderedを使って作りたいと考えています。Java初心者なので試行錯誤しても分からない状態です...どなたかご教授宜しくお願いします><

以下コードです。

<HTML>

Search

/p:ajax
/p:selectBooleanCheckbox

/p:commandButton

/p:commandButton

/p:panelGrid

/p:commandButton

/p:commandButton

/p:panelGrid

<Java> hello

public String update1() {
text1 = "日本の首都は東京";
return "";
}

public String update2() {
text2 = "アメリカの首都はニューヨーク"
return "";
}

public String updateE1() {
text3 = "Japan's capital is Tokyo";
return "";
}

public String updateE2() {
text4 = "America's capital is NewYork";
return "";
}

<Java> switching

public boolean sw; //get set

paint.png

Javaとprimefaceを使って添付写真にあるようなものが作りたいです。
作りたいのものの説明をすると、
二つの言語切り替えボタン"日本語” "英語"があり、
切り替えたい言語を選択することによって、
その下にある二つのボタン"日本" "アメリカ"のボタンが
"Japan" "America"に変わることと、
"日本" "アメリカ”のボタンを押すことによって
そのボタンの下にある文章も言語ボタンと同じものが表示される。
というものをつくりたいです。

ちなみに言語の切り替えの部分はチェックリストではなく、ボタン機能として作りたいのと、ボタンを押すたびに中の文章が切り替わるというのもrenderedを使って作りたいと考えています。Java初心者なので試行錯誤しても分からない状態です...どなたかご教授宜しくお願いします><



以下コードです。

<HTML>

<body>
<h:form id="up">
<h5>Search</h5>

<p:selectBooleanCheckbox value="#{switching.sw}" itemlabel="English">
<p:ajax update="J1 E1"></p:ajax>
</p:selectBooleanCheckbox>



<br/>
<br/>

<p:panelGrid columns ="5" id="J1">

<p:commandButton value="日本" action="#{hello.update1}" rendered="#{!switching.sw}" update="up"></p:commandButton>

<p:commandButton value="アメリカ" action="#{hello.update2}" rendered="#{!switching.sw}" update="up"></p:commandButton>

</p:panelGrid>

<p:panelGrid columns ="5" id="E1">

<p:commandButton value="Japan" action="#{hello.updateE1}" rendered="#{switching.sw}" update="up"></p:commandButton>

<p:commandButton value="America" action="#{hello.updateE2}" rendered="#{switching.sw}" update="up"></p:commandButton>

</p:panelGrid>









<Java> hello


public String update1() {
text1 = "日本の首都は東京";
return "";
}

public String update2() {
text2 = "アメリカの首都はニューヨーク"
return "";
}

public String updateE1() {
text3 = "Japan's capital is Tokyo";
return "";
}

public String updateE2() {
text4 = "America's capital is NewYork";
return "";
}

<Java> switching

public boolean sw; //get set

![paint.png](https://qa-atmarkit-image.s3.amazonaws.com/uploads/attached_image/image/96/paint.png)