首页 > 解决方案 > Primefaces tabview 验证与动态选项卡

问题描述

我有基于列表和属性“dynamic=true”的带有动态选项卡数的 ap:tabview。

    <p:tabView id="customer-master-data-tab-view" value="#{data.customers}" var="customer" dynamic="true">

每个选项卡都有一些必需的输入字段,其中每个字段都带有 ap:message。现在,当我提交时,仅在当前活动选项卡上执行验证。如果我更改为“dynamic=false”,一切正常,但这会严重影响性能,因为我们在此页面上有很多数据。

有没有一种方法可以使用“dynamic=true”对 tabview 的每个选项卡进行验证?

标签: validationjsfprimefacestabview

解决方案


简短的回答是不使用 UI 来验证使用 dynamic="true"。

假设您有 4 个带有 dynamic="true" 的选项卡,只有第一个选项卡通过 Ajax 加载,其他 3 个选项卡在用户单击之前尚未加载到 JSF 树中,因此无法验证它们。如果你想使用这个范例,我建议你进行服务器端验证,检查提交时所有必填字段,并从你的支持 bean 中抛出一个错误,让用户知道他们有更多的选项卡需要填写。


推荐阅读