PrimeFaces 数据表头中的输入不更新支持 bean - 解决方案？

Question

如果我将输入组件放置在数据表之外，那么支持 bean 会使用输入进行更新，并且搜索工作正常，在数据表中正确显示结果。

<h:form>
<!-- ------- Calendar input component outside dataTable ------- -->
    <p:calendar id="selectHireDate" value="#{backingBean.hireDateToSearch}" />

    <p:dataTable id="employeeDataTable"
        value="#{backingBean.employeeDataModel}" var="employee">
        <p:columnGroup type="header">
            <p:row>
                <p:column>                           
                        <f:facet name="header">
                            Lorem Ipsum
                        </f:facet>                          
                </p:column>
            </p:row>
        </p:columnGroup>

        <p:column>
            <h:outputText value="#{employee.hireDate}" />
        </p:column>     
    </p:dataTable>

    <p:commandButton value="Submit"
    actionListener="#{backingBean.searchEmployees}"
    update="employeeDataTable" />
</h:form>

但是，如果我将该输入组件放置在数据表的表头中，那么支持 bean 突然不再更新。 （我在 backingBean.setHireDateToSearch 上放置了一个断点，它被上面的代码而不是下面的代码触发。）

<h:form>            
    <p:dataTable id="employeeDataTable"
        value="#{backingBean.employeeDataModel}" var="employee">
        <p:columnGroup type="header">
            <p:row>
                <p:column>                           
                        <f:facet name="header">
<!-- ------- Calendar input component inside dataTable ------- -->
                            <p:calendar id="selectHireDate" value="#{backingBean.hireDateToSearch}" />
                        </f:facet>                          
                </p:column>
            </p:row>
        </p:columnGroup>

        <p:column>
            <h:outputText value="#{employee.hireDate}" />
        </p:column>     
    </p:dataTable>

    <p:commandButton value="Submit"
    actionListener="#{backingBean.searchEmployees}"
    update="employeeDataTable" />
</h:form>

这是为什么？有没有办法让后一种设置工作？

Answer 1

我可以重现你的问题，当我去掉 <f:facet name="header"> 周围的 <p:columnGroup> 时，它就得到了解决，这本身在这个结构中没有多大意义。

<p:dataTable id="employeeDataTable" value="#{backingBean.employeeDataModel}" var="employee">
    <f:facet name="header">
        <p:calendar id="selectHireDate" value="#{backingBean.hireDateToSearch}" />
    </f:facet>                          
    <p:column>
        <h:outputText value="#{employee.hireDate}" />
    </p:column>     
</p:dataTable>

（这只显示第二小行空的<p:column> 标题，你可以用一点 CSS 隐藏它）

不确定这是由设计引起的，还是由与 <p:dataTable> 关联的 decode() 方法中某处的错误引起的。我会 report 给 PrimeFaces 的人确定。