【发布时间】:2016-07-01 19:12:06
【问题描述】:
我对 primefaces 很陌生。我正在尝试在对话框中实现 primefaces 选项卡视图。但它只呈现第一个选项卡,不显示任何其他选项卡。当我检查元素时,我看到了所有其他选项卡代码,但它们都是灰色的。
索引.xhtml
<ui:composition template="/WEB-INF/templates/main.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:form id="addressForm">
<div align="center">
<p:commandButton value="Edit" id="editInfo" onclick="PF('dlg').show();"
icon="ui-icon-pencil" />
<p:dialog widgetVar="dlg" width="860" height="540" header="Information" maximizable="true" minimizable="true" showEffect="fade">
<ui:include src="editTabView.xhtml"/>
</p:dialog>
</div>
</h:form>
</ui:composition>
editTabView.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:b="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:ui="http://java.sun.com/jsf/facelets">
<p:tabView cache="true" id="tabView" scrollable="true">
<p:tab id="localAddressTab" title="Local Address">
<h:form id="localAddressForm">
<h1>Testing</h1>
</h:form>
</p:tab>
<p:tab id="permAddressTab" title="Permanent Address">
<h:form id="permAddressForm">
<h1>Testing</h1>
</h:form>
</p:tab>
<p:tab id="mailAddressTab" title="Mailing Address">
<h:form id="mailAddressForm">
<h1>Testing</h1>
</h:form>
</p:tab>
</p:tabview>
</ui:composition>
我不确定我错过了什么。谁能帮帮我。
【问题讨论】:
标签: jsf primefaces modal-dialog tabview