繁体   English   中英

动态生成视图时,将忽略JSF组件ID

[英]JSF Component IDs ignored when dynamically generating Views

我遇到了一个问题。

我通过c:forEach标记迭代字符串列表,然后通过facelets include标记包括它们来动态生成View。

这对于构建布局效果很好,但显示出一些奇怪的行为。

我有一个Primefaces Tabview,其中包含2个标签。 对于第一个选项卡(最初显示的选项卡),设置了组件ID(例如tabview:categoryTab),但是对于第二个选项卡则不是这种情况,在这里,我只获取了tabview:组件ID(但实际上应该是tabview:usrTab)

为什么JSF会覆盖我为第二个Tab设置的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,但是在xhtml代码中设置了其他选项卡的ID仍会生成...

我遇到了与Richfaces 4和JSF 2非常相似的东西。我设法通过在id属性中包含EL表达式来解决它。 为了我

<h:form id="staticName"> 

被渲染成

<form id="j_idblah>

但是一旦我做了

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

它开始正确渲染。 很hacky,但现在就可以了。 祝好运!!

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

对我有用的是将ID指定为EL-Constants:id =“#{'address_street'}”

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM