Primefaces tabview 验证与动态选项卡

Posted 2023-05-08

【中文标题】Primefaces tabview 验证与动态选项卡

【英文标题】：Primefaces tabview validation with dynamic tab

【发布时间】：2018-12-30 15:18:39

【问题描述】：

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

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

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

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

【参考方案1】：

简短的回答是“否”，使用 UI 来使用 dynamic="true" 进行验证。

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