我遇到了一点问题。
我通过 c:forEach 标记迭代字符串列表,然后通过 facelets 包含标记来动态生成视图。
这适用于构建布局,但会显示一些奇怪的行为。
我有一个包含 2 个选项卡的 primefaces tabview。对于第一个选项卡(最初显示的选项卡),设置了组件 ID(例如 tabview:categoryTab),但对于第二个选项卡并非如此,这里我只得到 tabview: 用于组件 ID(但它实际上应该成为 tabview:usrTab)
为什么 JSF 会覆盖我为第二个选项卡设置的 id?我是否遗漏了规范中的一些重要信息?
我将 JSF 2 与 Primefaces 3.6(快照构建)一起使用(是的,我故意使用快照构建,并且也使用稳定的 PF 版本对其进行了测试,但是会发生相同的行为)
编辑
代码:admin.xhtml
<ui:composition template="/templates/commonLayout.xhtml">
<ui:define name="content">
<p:panel id="parentPanel">
<h:outputText value="Verwaltung" />
<br />
<p:tabView id="tabview">
<!-- insert marker -->
<c:forEach items="#{adminTabs}" var="tab">
<ui:include src="#{tab}" />
</c:forEach>
</p:tabView>
</p:panel>
</ui:define>
</ui:composition>
catTab.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<p:tab title="Categories Tab" id="catTab">
....
</p:tab>
</ui:composition>
usrTab.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<p:tab title="Users Tab" id="usrTab">
....
</p:tab>
</ui:composition>
testTab.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<p:tab title="TestTab" id="testTab">
....
</p:tab>
</ui:composition>
内容提供者.java
public class ContentProvider {
....
@Produces
@Named("adminTabs")
public List<String> getTabs(){
List<String> components = new ArrayList<String>();
components.add("/templates/tabs/catTab.xhtml");
components.add("/templates/tabs/usrTab.xhtml");
components.add("/templates/tabs/testTab.xhtml");
return components;
}
....
}
这会生成:
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top" aria-expanded="true" role="tab">
<a href="#tabview:catTab">Categories</a>
</li>
<li class="ui-state-default ui-corner-top" aria-expanded="false" role="tab">
<a href="#tabview:j_idt31">TestTab</a>
</li>
<li class="ui-state-default ui-corner-top" aria-expanded="false" role="tab">
<a href="#tabview:j_idt32">Benutzer und Rollen</a>
</li>
</ul>
因此,重申一下:仅保留第一个选项卡的 id,尽管在 xhtml 代码中设置了其他选项卡的 id...