如何验证通过多个选项卡共享的实体

Question

我有一个h:form，它围绕着p:tabView。在选项卡中，每个输入元素都有一个p:message。

<p:column>
    <p:outputLabel value="Name" for="name_input" />
</p:column>
<p:column>
    <p:message for="name_input" display="icon" />
</p:column>
<p:column>
    <p:inputText id="name_input" value="#{bean.person.name}">
        <p:ajax /> <!-- put value into backingbean on tabchange -->
        <f:validateRequired />
    </p:inputText>
</p:column>

我发表了以下意见。

1） 问题：验证仅在已激活的选项卡中执行

>

如果我切换到编辑模式并且当前选项卡没有验证错误并且我没有更改选项卡，那么我的实体将被保存并且其他选项卡上的验证错误将被忽略。

如果我切换到编辑模式并导航到有验证错误的选项卡，然后导航到没有验证错误的第一个选项卡，则会显示验证错误（但仅限于我访问的那些选项卡）。

（我希望这是可以理解的，至少有一点）如果我在p:tabView中设置dynamic=true/false和cache=false，这没有什么区别。

2）问题：标签更改上没有消息图标

• 如果我切换到编辑模式并单击每个选项卡，以便识别每个验证错误（如场景b），我会得到一条正确的验证消息（图标），并且p： inputText以红色边框显示。所以一切似乎都很好。但是如果我导航到另一个有验证错误的选项卡，则不会显示消息图标，只有红色边框在特定的p： inputText周围。据我猜测，JSF生命周期在制表符更改时执行，但没有进行验证，因此对于这个生命周期往返，一切正常，消息图标消失（另一方面，为什么红色边框没有消失对我来说是个谜...）。

3） 问题：选项卡中没有视觉提示

• 对于用户体验，我非常希望有一个视觉提示（即标签标题上的红色背景），以便用户知道问题发生在哪里。

我读过用多个选项卡验证一个表单，如何在不丢失验证错误的情况下切换选项卡？使用我的面孔和特立尼达，但无论是向导（这不是一个“魔法”任务，它只是一个大实体的编辑）还是用javascrip-and-css自己动手（主要问题是我在其他情况下经常使用tabViews的公司身份）对我来说都不是一个好选择。

有人对我的任何问题有解决方案/提示吗？

我使用的是JSF 2.2，Primefaces 5.3。

Answer 1

好的，我的一位同事想出了答案。

首先，我的前两个问题消失得无影无踪。在

以及选项卡中的视觉提示。有一个<代码>

<p:tabView dynamic="false" cache="false">
    <f:facet name="title">
        Address
        <p:message for="name_input" display="icon" />
    </f:facet>
    ...
    <p:panelGrid>
        <p:row>
            <p:column>
                <p:outputLabel value="Name" for="name_input" />
            </p:column>
            <p:column>
                <p:message for="name_input" display="icon" />
            </p:column>
            <p:column>
                <p:inputText id="name_input" value="#{bean.person.name}">
                    <p:ajax />
                    <f:validateRequired />
                </p:inputText>
            </p:column>
        </p:row>
        ....
    </p:panelGrid>
</p:tabView>