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

时间:2021-02-05 13:51:47

标签: validation vaadin

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

我使用 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;
    }
  }

}

1 个答案:

答案 0 :(得分:2)

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

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

相关问题