Vaadin 14 - 如何在表单验证中允许空值

如何解决Vaadin 14 - 如何在表单验证中允许空值

我正在编写的应用程序的一部分是任务的“编辑器”表单。一些任务实体字段可以为空，例如：完成日期。

我使用 Binder 将实体字段绑定到编辑器字段并执行验证。我遇到了验证失败的问题，因为项目（如完成日期）为空。这可以为空。但是，该字段被标记为“value null”并且不会保存实体。

有没有办法标记本质上是可选的字段，以便允许空值？当然，如果输入了值，则需要对其进行验证。

Task.java（实体）

@Entity
public class Task extends AbstractEntity {

  ...
  // These are optional fields.
  private Long           dateDue;
  private Long           dateStarted;
  private Long           dateCompleted;
  ...
}

EditTaskForm.java

public class EditTaskForm extends VerticalLayout {

  private DatePicker                  dateDue;
  private DatePicker                  dateStarted;
  private DatePicker                  dateCompleted;
  ...
  
  private void bindData() {
    binder = new Binder<>(Task.class);

    ...
    binder.forField(dateDue)
      .withConverter(new LocalDateToLongConverter())
      .bind("dateDue");

    binder.forField(dateStarted)
      .withConverter(new LocalDateToLongConverter())
      .bind("dateStarted");

    binder.forField(dateCompleted)
      .withConverter(new LocalDateToLongConverter())
      .bind("dateCompleted");
    
    binder.withValidator(new TaskValidator());
  }

  private void validateAndSave() {
    try {
      binder.writeBean(task);
      fireEvent(new SaveEvent(this,task));
    } catch (ValidationException e) {
      logger.error("field validation errors:");
      e.getFieldValidationErrors().forEach(er -> {
        logger.error("status: {}",er.getStatus());
        logger.error("message: {}",er.getMessage().get());

        logger.error("field: {}",er.getField().getValue());
      });

      logger.error("bean validation errors:");
      e.getBeanValidationErrors().forEach(er -> {
        logger.error(er.getErrorMessage());
      });
    }
  }
  
  ...
}

如果我运行应用程序，创建一个新任务，不要为这些可选字段中的任何一个指定值并尝试验证和保存，表单上的每个字段都标有消息“value null”并突出显示。

更新：

事实证明“空值”来自LocalDateToLongConverter。这是（注意注释掉的代码）：

public class LocalDateToLongConverter implements Converter<LocalDate,Long> {

  private ZoneId            zoneId;

  public LocalDateToLongConverter(ZoneId zoneId) {
    this.zoneId = Objects.requireNonNull(zoneId,"Zone id cannot be null");
  }

  public LocalDateToLongConverter() {
    this(ZoneId.systemDefault());
  }

  @Override
  public Result<Long> convertToModel(LocalDate value,ValueContext context) {
    if (value != null) {
      return Result.ok(Date.from(value.atStartOfDay(zoneId).toInstant()).getTime());
    } else {
      return Result.ok(null);
      // return Result.error("value null");
    }
  }

  @Override
  public LocalDate convertToPresentation(Long value,ValueContext context) {
    if (value != null) {
      return Instant.ofEpochMilli(value).atZone(zoneId).toLocalDate();
    } else {
      return null;
    }
  }

}

解决方法

虽然描述有点不清楚，代码示例不够全面，我无法尝试，但我仍然对发生的事情有强烈的怀疑。

文本“value null”不是来自 Binder 本身，也不是来自 Vaadin 的任何其他部分。相反，它很可能是由自定义 LocalDateToLongConverter 实现生成的。因此，我建议您检查它的实现，看看这是否是导致字段被标记为无效的原因。