19

我正在尝试与 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));
    }

}

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

更新：

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

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

4

5 回答 5

8

用 contstrants 注释你的 bean（参见Person.java）

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

使用标准验证引导程序在客户端获取 Validator 并验证您的对象（请参阅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>

资源

于 2011-02-11T07:46:37.157 回答
2

我通过添加一个额外的 DriverWrapper 类来完成类似的操作，该类采用现有的 Driver 和 Validator 并添加一个 flush 方法，该方法首先委托给底层 Driver flush 然后调用 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));
}
于 2011-08-12T05:31:10.860 回答
1

我有同样的问题。

文档并不清楚。

我目前正在做的是通过使用我要复制的小部件扩展它们来重新创建一些小部件。之后我实现 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;
}
}

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

于 2010-11-12T14:22:52.577 回答
0

这很麻烦，但要获得编辑器的路径，您可以实现 HasEditorDelegate（这将使您可以访问委托），然后将委托转换为具有公共 String getPath() 方法的 AbstractEditorDelegate。

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

可能需要研究的另一种方法是使用 requestfactory 进行往返验证的提交：

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

于 2011-02-10T16:57:20.657 回答
0

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

于 2010-11-06T00:22:29.923 回答