动态生成视图时忽略JSF组件id

Question

我遇到了一点问题。

我通过c:forEach标记迭代字符串列表来动态地生成视图然后通过facelets include标签包含它们。

这可以很好地构建布局，但会显示一些奇怪的行为。

我有一个包含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>

ContentProvider.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被保留，其他选项卡的id被生成，尽管是在xhtml代码中设置的…

Answer 1

我在Richfaces 4和JSF 2中遇到了非常相似的情况。我设法通过在id属性中包含EL表达式来破解它。For me

<h:form id="staticName"> 

被渲染成

<form id="j_idblah>

但一旦我做了

<h:form id="#{_objectInContext}">

它开始正常渲染。很粗糙，但现在还能用。祝你好运! !

Answer 2

我在包含带有c:forEach循环的facelets时遇到了同样的问题。

将id指定为EL-Constants: id="#{'address_street'}"