JSF 中的 <f： validator> 和 ajax 的问题

Question

我想在用户执行操作之前验证表单中的两个日期。所以我在使用ajax的p:calendar中得到了一个f:validator，问题出在f:属性上。我将开始日期作为一个参数传递，验证器没有收到这个日期。但是，如果按下操作按钮，则日期参数将存在于验证中。我用这篇文章作为指南。我的xhtml是：

    <p:column >
                        <p:calendar  id="txtStartDate" binding="#{txtStartDate}"
                            pattern="dd/MM/yyyy"
                            value="#{myBean.bean.startDate}">                               
                        </p:calendar>
                    </p:column>
                    <p:column>
                        <p:calendar id="txtEndDate"
                            pattern="dd/MM/yyyy"
                            value="#{myBean.bean.endDate}">
                            <f:validator validatorId="validator.dateRangeValidator" />
                            <f:attribute name="fromDate" value="#{txtStartDate.value}" />                                
                            <p:ajax event="dateSelect" execute="@Form" update=":formHeader:messages" />
                        </p:calendar>
                    </p:column>

和验证器：

@Override
public void validate(FacesContext context, UIComponent component, Object value) throws ValidatorException {
    if (value == null || component.getAttributes().get("fromDate") == null) return;
    Date endDate   = (Date) value; 
    Date startDate = (Date) component.getAttributes().get("fromDate");
    if (!endDate.after(startDate)) {
        FacesMessage message = new FacesMessage("End date before the start date.");
        message.setSeverity(FacesMessage.SEVERITY_ERROR);
        addMessageOnSession(FacesMessage.SEVERITY_ERROR, "Invalid dates");
        throw new ValidatorException(message);
    }
}

感谢您的帮助。

Answer 1

我在这里看到了几个问题：

execute="@Form"

以上内容不正确。如果您希望执行整个表单，这里的正确值是@form。

一旦纠正了这一点，txtStartDate组件应该更新其绑定值，并且可以设置为txtEndDate的属性。

Answer 2

总之，对我来说，一个快速的解决方案是在ajax标记中添加一个listener="，所以我在bean中进行验证。我不知道这是否是最好的方法，但要解决我的问题。

Answer 3

如果使用Primefaces，则发送参数时会出现问题。他们不支持这个日期。

您的代码：

Date startDate = (Date) component.getAttributes().get("fromDate");

您必须获取日期作为UIInput并进行解析。

final UIInput startDate = (UIInput) component.getAttributes().get("fromDate");
final String dateFromString = (String) String.valueOf(startDate.getValue());
final SimpleDateFormat parserSDF = new SimpleDateFormat("EEE MMM dd HH:mm:ss Z yyyy", Locale.ENGLISH);
final Date parsedDateTo = parseDate(parserSDF, dateFromString);

更新您的表格使用：

execute="@this" render="yourFormId"

下一个提示：

您可以将f:ajax event="dateSelect"更改为f:ajax event="change"，以便手动输入更改日期。它也可以作为日期选择。