PrimeFaces 5.2:如何渲染依赖于不同上下文的Element?

时间:2016-11-26 04:57:02

标签: dom primefaces jsf-2 parent rendered-attribute

让我们说:在不同的上下文中重复使用代码片段。我有一个fragment.xhtml将包含在多个其他不同的xhtml中,比如main1.xhtml和main2.xhtml

fragment.xhtml as:

<h:body>
  <p:panelGrid id="qualifyGrid">
    <f:facet name="header">
        <p:row>
            <p:column colspan="4">#{staffBean.currentStaff.name} Qualify</p:column>
        </p:row>
    </f:facet>
   ......
    <p:row>
        <p:column styleClass="addlabel"><h:outputLabel for="id" value="#{clientqualify['web.qualify.label.id']}"/></p:column>
        <p:column styleClass="wideField" colspan="3">
            <h:inputText id="id1" value="#{qualifyvalue1}" rendered=""/>
            <h:inputText id="id" value="#{qualifyvalue}" rendered=""/>
        </p:column>
    </p:row>
   ......
    <p:row>
        <p:column styleClass="addlabel"><h:outputLabel for="name" value="#{clientqualify['web.qualify.label.name']}"/></p:column>
        <p:column styleClass="wideField" colspan="3"><p:inputText styleClass="field" id="name" value="#{qualifyControlBean.currentQualify.qualifyName}" required="true"/></p:column>
    </p:row> 
  </p:panelGrid>
</h:body>

main1.xhtml:

<h:body>
  <ui:composition template="/WEB-INF/ozssc-staff-template.xhtml">
    <ui:define name="content">
        <h3>#{clientqualify['web.qualify.edit.heading']}</h3>
        <p:messages id="messages" showDetail="true" autoUpdate="true" />
        <h:form id="qualifyeditform" prependId="false">
            <ui:include src="fragment.xhtml"/>
            <h:panelGrid style="display:block" border="0">
                <p:commandButton id="submit" value="Save" action="#{qualifyControlBean.saveQualify}" icon="fa fa-fw fa-save" ajax="false" disabled="#{qualifyControlBean.currentQualify.status=='Verified'}"/>
            </h:panelGrid>
        </h:form>
    </ui:define>
  </ui:composition>
</h:body>

main2.xhtml

<h:body>
  <ui:composition template="/WEB-INF/ozssc-staff-template.xhtml">
    <ui:define name="content">
        <h3>#{clientqualify['web.qualify.edit.heading']}</h3>
        <p:messages id="messages" showDetail="true" autoUpdate="true" />
        <h:form id="qeditform" prependId="false">
            <ui:include src="fragment.xhtml"/>
            <h:panelGrid style="display:block" border="0">
                <p:commandButton id="submit" value="Save" action="#{qualifyControlBean.saveQualify}" icon="fa fa-fw fa-save" ajax="false" disabled="#{qualifyControlBean.currentQualify.status=='Verified'}"/>
            </h:panelGrid>
        </h:form>
    </ui:define>
  </ui:composition>
</h:body>

从你看到的片段之后,fragment.xhtml被包含在两个不同的形式中,在main1.xhtml中,表单id是“qualifyeditform”,在main2.xhtml中,表单id是“qeditform”。

我很难找到一种方法让fragment.xhtml元素通过不同的父上下文呈现不同的输入文本。即如果这个fragment.xhtml包含在main1.xhtml中(形式为id:“qualifyeditform”),则表示inputText id为“id1”。如果这个fragment.xhtml包含在main2.xhtml中(表单id为:“qeditform”),则表示inputText id为“id”。

如何设置EL表达式以查找父表单元素的id?并在我的rendered =“”表达式中使用它?

1 个答案:

答案 0 :(得分:1)

我认为你可以做到

<h:inputText id="id1" 
             value="#{qualifyvalue1}" 
             rendered="#{component.parent.clientId eq 'qualifyeditform'}"/>