我有一個panelgroup有一個outputText和一個href鏈接。我想這對panelGroup中渲染基於複選框值以下方式時複選框的值被選中(真)上 頁面加載如何顯示隱藏面板組點擊複選框
- panelGroup中應該呈現。
- 如果默認情況下(在pageLoad上)未選中複選框的值,則 面板組應該不可見,但如果用戶單擊了複選框 ,則面板組應該是可見的。
問題:如果該複選框默認情況下不與用戶點擊選中複選框然後未被顯示panelGroup中。我想是因爲它不是在頁面加載渲染所以的onClick它不能找到任何跨度隱藏/顯示
這裏是panelGroup中代碼:
<h:panelGroup
styleClass="showMsg#{valNumber}"
rendered="#{dataItem.checkboxVal}">
<h:outputText
styleClass="showMsg#{valNumber}"
style="margin-top: 18px; text-align: center;"
value="Text Line1" escape="false"
rendered="#{dataItem.checkboxVal}" />
<f:verbatim>
<br />
</f:verbatim>
<h:outputText
styleClass="showMsg#{valNumber}"
style="text-align: center;" value="Text Line 2"
escape="false"
rendered="#{dataItem.checkboxVal}" />
<f:verbatim>
<br />
<wps:urlGeneration
<a id="xyz" href="<%wpsURL.write(out);%>">ContactUs</a>
</wps:urlGeneration>
</f:verbatim>
</h:panelGroup>
如果我在複選框點擊,那麼panelGroup中不正在顯示。這是我的點擊javascript功能。
<h:selectBooleanCheckbox id="xyz" styleClass='mycheckbox#{valNumber}'
onclick="showShippingMsg(this,'#{valNumber}'); "
function showShippingMsg(checkbox, valNum){
if(checkbox.checked){
$(".showMsg"+valNum).css("display", "block");
} else {
$(".showMsg"+valNum).css("display", "none");
}
}
我正在處理現有的代碼,我的代碼片段位於的下方層次結構中。 –
inaya
0
0
相關問題
-
1. 顯示/隱藏錶行點擊複選框
-
2. 水豚/ Poltergeist,點擊隱藏複選框?
-
3. 如何顯示/隱藏面板
-
4. 顯示和隱藏點擊
-
5. 點擊顯示/隱藏
-
6. 複選框+ jQuery的隱藏/顯示
-
7. jQuery隱藏/顯示覆選框消息
-
8. 用複選框顯示/隱藏視圖
-
9. 在apex5.0中顯示/隱藏複選框
-
10. 單擊複選框時隱藏/顯示內容?
-
11. jQuery在外面點擊顯示/隱藏點擊+按鈕
-
12. 如何顯示或隱藏多個複選框和多個複選框
-
13. 如何在angular2上點擊按鈕時顯示/隱藏組件?
-
14. 如何在點擊React-redux時顯示/隱藏組件?
-
15. jQuery顯示點擊隱藏的熱點?
-
16. 根據數組中的值顯示/隱藏複選框
-
17. 複選框隱藏和顯示組件 - 反應
-
18. 點擊時顯示覆選框數據
-
19. 如何在使用jQuery單擊複選框時顯示隱藏的div?
-
20. 如何隱藏HTML複選框,但仍顯示其標籤
-
21. 如何通過複選框隱藏並顯示我的div
-
22. 如何顯示/隱藏ListView中的一些複選框
-
23. 如何使用複選框顯示/隱藏HTML元素
-
24. Symfony 2.3如何通過複選框來隱藏/顯示圖像
-
25. 如何使用複選框值顯示/隱藏項目
-
26. 如果勾選複選框,隱藏/顯示課程內容
-
27. JQuery隱藏\顯示,如果複選框被選中
-
28. JsTree - 隱藏面板時選擇節點
-
29. Java:如何在顯示對話框時禁用點擊面板?
-
30. 顯示/隱藏基於複選框選中/取消選中
最新問題
-
1. 這在一個函數中爲空,而不在另一個類中
-
2. 獲取基於像素偏移的字符串索引
-
3. 如何對目錄中的單個文件進行相同的更改?
-
4. VB如何限制登錄系統上用來註冊的信息?
-
5. 關於應用於CCHESS的算法的困惑
-
6. 春季
-
7. 添加touchEvents進行導航
-
8. React Native的境界0.45
-
9. 解析錯誤:語法錯誤,意外的T_VARIABLE,期待','或';'在線
-
10. VS2005 Web部署項目VS2008 - ASPNET編譯器錯誤
-
1. 顯示/隱藏錶行點擊複選框
-
2. 水豚/ Poltergeist,點擊隱藏複選框?
-
3. 如何顯示/隱藏面板
-
4. 顯示和隱藏點擊
-
5. 點擊顯示/隱藏
-
6. 複選框+ jQuery的隱藏/顯示
-
7. jQuery隱藏/顯示覆選框消息
-
8. 用複選框顯示/隱藏視圖
-
9. 在apex5.0中顯示/隱藏複選框
-
10. 單擊複選框時隱藏/顯示內容?
您可以使用JSF ajax將複選框值提交給bean並重新呈現頁面的一部分。一個常見的錯誤是試圖渲染具有渲染屬性的相同元素。在這種情況下,如果您的初始渲染值爲
false
,那麼您的panelGroup將不會被渲染。所以ajax rerender將不會在DOM中找到引用的ID。我用來創建一個ID爲wrapper的元素,它總是呈現,所以我可以在ajax render屬性中引用它的ID。當ajax觸發渲染時,它可以更新它的子元素,它可以被渲染。
一個簡單的例子豆:
而XHTML:
另一種解決方案,如果你沒有在bean需要的複選框值是使用只在客戶端-側。此xhtml不使用任何後臺bean:
來源
2016-08-18 09:20:27 mikereem
我試過下面的方法,它工作正常。
來源
2016-08-18 12:20:33 inaya
相關問題