如何使用GWT编辑器框架进行验证？

Question

我正在尝试与 GWT 2.1.0 的新 GWT 编辑器框架集成。我还想将验证检查添加到框架中。然而，我正在努力寻找一个合适的例子来做到这一点。

目前我有以下代码：

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
    xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:e="urn:import:com.google.gwt.editor.ui.client">
    <ui:with type="be.credoc.iov.webapp.client.MessageConstants"
        field="msg" />
    <g:HTMLPanel>
        <e:ValueBoxEditorDecorator ui:field="personalReference">
            <e:valuebox>
                <g:TextBox />
            </e:valuebox>
        </e:ValueBoxEditorDecorator>
    </g:HTMLPanel>
</ui:UiBinder> 

对于我的编辑器：

public class GarageEditor extends Composite implements Editor<Garage> {

    @UiField
    ValueBoxEditorDecorator<String> personalReference;

    interface GarageEditorUiBinder extends UiBinder<Widget, GarageEditor> {
    }

    private static GarageEditorUiBinder uiBinder = GWT.create(GarageEditorUiBinder.class);

    public GarageEditor() {
        initWidget(uiBinder.createAndBindUi(this));
    }

}

我在什么时候必须调用我的验证器以及如何与其集成？

更新：

我实际上正在寻找一种方法来检索地图，其中属性路径为键，编辑器为值。委托上有一个路径字段，但这不是编辑对象内的路径，而是编辑器类中的路径。

有谁知道是否可以做这样的事情？

Answer 1

使用对比注释您的 Bean（请参阅 Person.java)

public class Person {
  @Size(min = 4)
  private String name;
}

使用标准验证引导程序在客户端获取验证器并验证您的对象（请参阅 ValidationView.java )

Validator validator = Validation.buildDefaultValidatorFactory().getValidator();
Set<ConstraintViolation<Person>> violations = validator.validate(person);

按照此模式为要在客户端验证的对象创建验证器。 （请参阅SampleValidatorFactory.java)

public final class SampleValidatorFactory extends AbstractGwtValidatorFactory {

  /**
   * Validator marker for the Validation Sample project. Only the classes listed
   * in the {@link GwtValidation} annotation can be validated.
   */
  @GwtValidation(value = Person.class,
      groups = {Default.class, ClientGroup.class})
  public interface GwtValidator extends Validator {
  }

  @Override
  public AbstractGwtValidator createValidator() {
    return GWT.create(GwtValidator.class);
  }
}

包含您的验证提供程序的模块。在 gwt 模型文件中添加替换标记，告诉 GWT 使用您刚刚定义的验证器（请参阅 Validation.gwt.xml)

<inherits name="org.hibernate.validator.HibernateValidator" />
<replace-with
    class="com.google.gwt.sample.validation.client.SampleValidatorFactory">
    <when-type-is class="javax.validation.ValidatorFactory" />
</replace-with>

来源

Answer 2

我通过添加一个额外的 DriverWrapper 类来完成类似的操作，该类采用现有的 Driver 和 Validator，并添加一个刷新方法，该方法首先委托给底层 Driver 刷新，然后调用 Validator。然后，返回的任何错误都会使用新访问者添加到编辑器中，类似于现有 Flusher 的工作方式。这意味着在字段旁边显示错误的现有装饰器将继续工作。

/**
 * Wraps a Driver and provides validation using gwt-validation (JSR 303).
 * When calling flush, this will use the provided IValidator to validate the data
 * and use the InvalidConstraintValidationVisitor to add the errors to the delegates.
 * @see InvalidConstraintValidationVisitor
 * @param <T> the data type for the editor
 * @param <D> the driver type
 */
public class ValidationDriverWrapper<T extends IsValidatable<T>, D extends EditorDriver<T>> {
private IValidator<T> validator;
private D driver;

/**
 * Constructor, both parameters are required.
 * @param driver The driver to use to flush the underlying data.
 * @param validator The validator to use to validate the data.
 */
public ValidationDriverWrapper(D driver, IValidator<T> validator) {
    this.validator = validator;
    this.driver = driver;
}

/**
 * Flushes the underlying Driver and then calls the validation on the underlying Validator, cascading errors as EditorErrors
 * onto the delegates, using InvalidContraintValidationVisitor.
 */
public void flush()
{
    T data = driver.flush();
    Set<InvalidConstraint<T>> errors = validator.validate(data);
    Set<InvalidConstraint<T>> extraErrors = data.validate();
    if(extraErrors != null && !extraErrors.isEmpty())
    {
        errors.addAll(extraErrors);
    }
    driver.accept(new InvalidConstraintValidationVisitor<T>(errors));
}

Answer 3

我有完全相同的问题。

文档对此并不清楚。

我目前正在做的是通过使用我想要复制的小部件扩展它们来重新创建一些小部件。之后，我实现 LeafValueEditor 和 HasEditorDelegate 来覆盖 getValue()。

在 getValue() 中，使用验证器并根据需要调用 yourDelegate.recordError()。

像这样的东西：一个小整数框，检查该值不大于 10。

public class IntegerField extends ValueBox<Integer> implements LeafValueEditor<Integer>, HasEditorDelegate<Integer>
{
private EditorDelegate<Integer> delegate;

public IntegerField()
{
    super(Document.get().createTextInputElement(), IntegerRenderer.instance(), IntegerParser.instance());

    setStyleName("gwt-TextBox");

}

@Override
public Integer getValue()
{
    Integer value = super.getValue();

    if (value > 10)
    {
        delegate.recordError("too big integer !", value, null);
    }

    return value;
}

@Override
public void setValue(Integer value)
{
    super.setValue(value);
}

@Override
public void setDelegate(EditorDelegate<Integer> delegate)
{
    this.delegate = delegate;
}
}

最好的方法是简单地向现有小部件添加自定义验证而不是覆盖它们，但我不知道该怎么做！

Answer 4

GWT 中尚不存在验证，据我所知，它将在下一个版本中出现。 GWT 中当前对验证的支持是服务器端 JSR-303，客户端 JSR-303 支持即将推出。因此，您必须手动进行验证。如果您遵循 MVP 模型，我认为此验证逻辑将存在于您的 Presenter 中。

Answer 5

这很混乱，但要获取编辑器的路径，您可以实现 HasEditorDelegate （这将使您能够访问委托），然后将委托强制转换为 AbstractEditorDelegate，它具有公共 String getPath() 方法。

但我认为不可能进行外部验证；验证发生在编辑器中从字段读取值时（请参阅 ValueBoxEditor - 此编辑器使用 getDelegate().recordError 来引发错误）。我确实考虑过的一种选择是使用 AbstractEditorDelegate 访问权限来调用lushErrors(List) 并自己创建 EditorErrors 列表。为此，您需要了解每条田间路径；对它们进行硬编码几乎是不可取的，但我没有看到通过编辑的属性或类似的东西查找字段的方法。

另一种值得研究的方法是使用 requestfactory 提交往返验证：

http://groups.google.com/group/google-web-toolkit-contributors/browse_thread/thread/5be0bda80547ca5a