Validation 如何使用Presenter'的编辑器和验证框架在GWT材料输入上显示表单验证约束消息;什么课?

Validation 如何使用Presenter'的编辑器和验证框架在GWT材料输入上显示表单验证约束消息;什么课?,validation,gwt,gwtp,gwt-editors,gwt-material-design,Validation,Gwt,Gwtp,Gwt Editors,Gwt Material Design,我使用: 在约束验证之后,我想显示错误消息。gwt材料输入支持这一点,如MaterialTextBox使用方法: materialTextBox.setError(“请提供您的姓名”) 问题是它只能从视图类执行: public class LoginView extends ViewWithUiHandlers<LoginUiHandlers> implements LoginPresenter.MyView { interface Binder extends

我使用:

在约束验证之后,我想显示错误消息。gwt材料输入支持这一点,如
MaterialTextBox
使用方法:
 materialTextBox.setError(“请提供您的姓名”)

问题是它只能从视图类执行:

public class LoginView extends ViewWithUiHandlers<LoginUiHandlers> implements LoginPresenter.MyView {
    interface Binder extends UiBinder<Widget, LoginView> {}

    /** The driver to link the proxy bean with the view. */
    public interface EditorDriver extends SimpleBeanEditorDriver<LoginModel, LoginView> { }

    @UiField MaterialTextBox email;
    @UiField MaterialTextBox password;
    @UiField MaterialButton loginButton;
    @UiField MaterialCheckBox keepMeLoggedInCheckbox;

    @Inject
    LoginView(Binder uiBinder) {
        initWidget(uiBinder.createAndBindUi(this));
        addClickHandlerToLoginButton();
    }



    //@UiHandler("loginButton")
    private void onLoginButtonClick(ClickEvent e){
        getUiHandlers().onLoginButtonClick();
    }
    private void addClickHandlerToLoginButton() {
        loginButton.addClickHandler(new ClickHandler() {
            @Override public void onClick(ClickEvent event) {
                onLoginButtonClick(event);
            }
        });     
    }
    @Override
    public SimpleBeanEditorDriver<LoginModel, ?> createEditorDriver() {
        EditorDriver driver = GWT.create(EditorDriver.class);
        driver.initialize(this);
        return driver;
    }
    public void test() {}
}

我认为我应该添加一个接口,在这里我将声明访问视图中输入的方法。并实施该计划。但我不知道怎么做。请帮帮我。

我已经成功了。但实际上,我不太确定它开始工作时发生了什么。因此,我将分享我的工作代码:

演示者

package pl.korbeldaniel.cms.client.login;

import java.util.ArrayList;
import java.util.Set;

import javax.validation.ConstraintViolation;
import javax.validation.Validation;
import javax.validation.Validator;

import org.fusesource.restygwt.client.Method;
import org.fusesource.restygwt.client.MethodCallback;

import gwt.material.design.client.ui.MaterialToast;

import com.google.gwt.core.shared.GWT;
import com.google.gwt.editor.client.SimpleBeanEditorDriver;
import com.google.gwt.event.shared.GwtEvent.Type;
import com.google.inject.Inject;
import com.google.web.bindery.event.shared.EventBus;
import com.gwtplatform.mvp.client.Presenter;
import com.gwtplatform.mvp.client.annotations.ProxyStandard;
import com.gwtplatform.mvp.client.proxy.ProxyPlace;
import com.gwtplatform.mvp.client.annotations.NameToken;
import com.gwtplatform.mvp.client.proxy.RevealContentHandler;
import com.gwtplatform.mvp.client.HasUiHandlers;

import pl.korbeldaniel.cms.client.editor.BeanEditView;
import pl.korbeldaniel.cms.client.model.LoginModel;
import pl.korbeldaniel.cms.client.place.NameTokens;
import pl.korbeldaniel.cms.client.service.LoginService;


public class LoginPresenter extends Presenter<LoginPresenter.MyView, LoginPresenter.MyProxy> implements LoginUiHandlers {

    @ProxyStandard
    @NameToken(NameTokens.login)
    public interface MyProxy extends ProxyPlace<LoginPresenter> {}
    public interface MyView extends BeanEditView<LoginModel>, HasUiHandlers<LoginUiHandlers> {}

    public static final Type<RevealContentHandler<?>> SLOT_Login = new Type<RevealContentHandler<?>>();

    // Editor
    private SimpleBeanEditorDriver<LoginModel, ?> editorDriver;
    private static final LoginService service = GWT.create(LoginService.class);
    private LoginModel model = new LoginModel();


    @Override
    public void onLoginButtonClick() {
        if (editorDriver.isDirty()) {
            model = editorDriver.flush();
            validateModel();
            if (editorDriver.hasErrors()) {
                MaterialToast.fireToast("Errors occur");
            } else {
                service.login(
                        model, new MethodCallback<Integer>() {
                            @Override
                            public void onSuccess(Method method, Integer response) {
                                MaterialToast.fireToast("Succefully set info. status code: " + response);
                            }
                            @Override
                            public void onFailure(Method method, Throwable exception) {
                                MaterialToast.fireToast("Error setting");
                            }
                    });
            }
        } else {
            MaterialToast.fireToast("Data has not changed");
        }
    }

    private void validateModel() {
        Validator validator = Validation.buildDefaultValidatorFactory().getValidator();
        Set<ConstraintViolation<LoginModel>> violations = validator.validate(model);
        GWT.log(String.valueOf(violations.size()));
        if (violations.size() > 0) {
            editorDriver.setConstraintViolations(new ArrayList<ConstraintViolation<?>>(violations));
        }
        model.validate();
    }

    @Inject
    LoginPresenter(EventBus eventBus,MyView view, MyProxy proxy) {
        super(eventBus, view, proxy, RevealType.Root);
        getView().setUiHandlers(this);
        editorDriver = getView().createEditorDriver();
        editorDriver.edit(model);

    }
    public enum EditorMode {
        VIEW, EDIT, CREATE
    };

}
package pl.korbeldaniel.cms.client.login;


import com.gwtplatform.mvp.client.UiHandlers;


interface LoginUiHandlers extends UiHandlers {
    void onLoginButtonClick();
}
<!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:m="urn:import:gwt.material.design.client.ui"
    xmlns:e="urn:import:pl.korbeldaniel.cms.client.login">


    <m:MaterialRow ui:field="loginWidget">

        <m:MaterialColumn grid="s12 m4 l4" offset="l4 m4" >
                <m:MaterialTitle title="Login" description="Please provide your account credentials."/>
                <m:MaterialPanel padding="5" shadow="1" addStyleNames="{style.panel}">
                    <m:MaterialPanel addStyleNames="{style.fieldPanel}">
                        <!-- <m:MaterialImage url="http://b.vimeocdn.com/ps/339/488/3394886_300.jpg" type="CIRCLE" addStyleNames="{style.imgProfile} z-depth-1"/> -->

                        <m:MaterialTextBox ui:field="email" type="EMAIL" placeholder="Email"/>
                        <m:MaterialTextBox ui:field="password" type="PASSWORD" placeholder="Password"/>
                        <m:MaterialRow addStyleNames="{style.rowAction}">
                            <m:MaterialColumn grid="s12 m12 l6">
                                <m:MaterialCheckBox ui:field="keepMeLoggedInCheckbox" text="Keep me logged in"/>
                            </m:MaterialColumn>
                        </m:MaterialRow>
                        <m:MaterialButton ui:field="loginButton" waves="LIGHT" text="Log In" width="100%"/>


                    </m:MaterialPanel>
                </m:MaterialPanel>
        </m:MaterialColumn>

    </m:MaterialRow>
</ui:UiBinder>
验证工厂

package pl.korbeldaniel.cms.client.login;

import javax.validation.Validator;
import pl.korbeldaniel.cms.client.model.LoginModel;
import com.google.gwt.core.client.GWT;
import com.google.gwt.validation.client.AbstractGwtValidatorFactory;
import com.google.gwt.validation.client.GwtValidation;
import com.google.gwt.validation.client.impl.AbstractGwtValidator;

public final class SampleValidatorFactory extends AbstractGwtValidatorFactory {
    /**
     * Validator marker for the Validation Sample project. Only the classes and
     * groups listed in the {@link GwtValidation} annotation can be validated.
     */
    @GwtValidation(LoginModel.class)
    public interface GwtValidator extends Validator {
    }

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

package pl.korbeldaniel.cms.client.login;

import gwt.material.design.client.ui.MaterialButton;
import gwt.material.design.client.ui.MaterialCheckBox;
import gwt.material.design.client.ui.MaterialTextBox;
import javax.inject.Inject;
import pl.korbeldaniel.cms.client.model.LoginModel;
import com.google.gwt.core.client.GWT;
import com.google.gwt.editor.client.SimpleBeanEditorDriver;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Widget;
import com.gwtplatform.mvp.client.ViewWithUiHandlers;

public class LoginView extends ViewWithUiHandlers<LoginUiHandlers> implements LoginPresenter.MyView {
    interface Binder extends UiBinder<Widget, LoginView> {}

    /** The driver to link the proxy bean with the view. */
    public interface EditorDriver extends SimpleBeanEditorDriver<LoginModel, LoginView> { }

    @UiField MaterialTextBox email;
    @UiField MaterialTextBox password;
    @UiField MaterialButton loginButton;
    @UiField MaterialCheckBox keepMeLoggedInCheckbox;

    @Inject
    LoginView(Binder uiBinder) {
        initWidget(uiBinder.createAndBindUi(this));
        addClickHandlerToLoginButton();
    }



    //@UiHandler("loginButton")
    private void onLoginButtonClick(ClickEvent e){
        getUiHandlers().onLoginButtonClick();
    }
    private void addClickHandlerToLoginButton() {
        loginButton.addClickHandler(new ClickHandler() {
            @Override public void onClick(ClickEvent event) {
                onLoginButtonClick(event);
            }
        });     
    }
    @Override
    public SimpleBeanEditorDriver<LoginModel, ?> createEditorDriver() {
        EditorDriver driver = GWT.create(EditorDriver.class);
        driver.initialize(this);
        return driver;
    }

}
包pl.korbeldaniel.cms.client.login;
导入gwt.material.design.client.ui.MaterialButton;
导入gwt.material.design.client.ui.MaterialCheckBox;
导入gwt.material.design.client.ui.MaterialTextBox;
导入javax.inject.inject;
导入pl.korbeldaniel.cms.client.model.LoginModel;
导入com.google.gwt.core.client.gwt;
导入com.google.gwt.editor.client.SimpleBaneditorDriver;
导入com.google.gwt.event.dom.client.ClickEvent;
导入com.google.gwt.event.dom.client.ClickHandler;
导入com.google.gwt.uibinder.client.uibinder;
导入com.google.gwt.uibinder.client.UiField;
导入com.google.gwt.user.client.ui.Widget;
导入com.gwtplatform.mvp.client.ViewWithUiHandlers;
公共类LoginView使用UIHandlers扩展视图实现LoginPresenter.MyView{
接口绑定器扩展UiBinder{}
/**将代理bean与视图链接的驱动程序*/
公共接口EditorDriver扩展了SimpleBeaneEditorDriver{}
@UiField MaterialTextBox电子邮件;
@UiField MaterialTextBox密码;
@UiField MaterialButton登录按钮;
@UiField MaterialCheckBox keepMeLoggedInCheckbox;
@注入
LoginView(活页夹uiBinder){
initWidget(uiBinder.createAndBindUi(this));
添加ClickHandlerToLoginButton();
}
//@UiHandler(“登录按钮”)
私有void onLoginButtonClick(单击事件e){
getUiHandlers().onLoginButtonClick();
}
私有void addClickHandlerToLoginButton(){
addClickHandler(新的ClickHandler(){
@重写公共void onClick(单击事件){
onLoginButtonClick(事件);
}
});     
}
@凌驾
公共SimpleBaneEditorDriver createEditorDriver(){
EditorDriver=GWT.create(EditorDriver.class);
初始化(这个);
返回驱动器;
}
}
查看活页夹

package pl.korbeldaniel.cms.client.login;

import java.util.ArrayList;
import java.util.Set;

import javax.validation.ConstraintViolation;
import javax.validation.Validation;
import javax.validation.Validator;

import org.fusesource.restygwt.client.Method;
import org.fusesource.restygwt.client.MethodCallback;

import gwt.material.design.client.ui.MaterialToast;

import com.google.gwt.core.shared.GWT;
import com.google.gwt.editor.client.SimpleBeanEditorDriver;
import com.google.gwt.event.shared.GwtEvent.Type;
import com.google.inject.Inject;
import com.google.web.bindery.event.shared.EventBus;
import com.gwtplatform.mvp.client.Presenter;
import com.gwtplatform.mvp.client.annotations.ProxyStandard;
import com.gwtplatform.mvp.client.proxy.ProxyPlace;
import com.gwtplatform.mvp.client.annotations.NameToken;
import com.gwtplatform.mvp.client.proxy.RevealContentHandler;
import com.gwtplatform.mvp.client.HasUiHandlers;

import pl.korbeldaniel.cms.client.editor.BeanEditView;
import pl.korbeldaniel.cms.client.model.LoginModel;
import pl.korbeldaniel.cms.client.place.NameTokens;
import pl.korbeldaniel.cms.client.service.LoginService;


public class LoginPresenter extends Presenter<LoginPresenter.MyView, LoginPresenter.MyProxy> implements LoginUiHandlers {

    @ProxyStandard
    @NameToken(NameTokens.login)
    public interface MyProxy extends ProxyPlace<LoginPresenter> {}
    public interface MyView extends BeanEditView<LoginModel>, HasUiHandlers<LoginUiHandlers> {}

    public static final Type<RevealContentHandler<?>> SLOT_Login = new Type<RevealContentHandler<?>>();

    // Editor
    private SimpleBeanEditorDriver<LoginModel, ?> editorDriver;
    private static final LoginService service = GWT.create(LoginService.class);
    private LoginModel model = new LoginModel();


    @Override
    public void onLoginButtonClick() {
        if (editorDriver.isDirty()) {
            model = editorDriver.flush();
            validateModel();
            if (editorDriver.hasErrors()) {
                MaterialToast.fireToast("Errors occur");
            } else {
                service.login(
                        model, new MethodCallback<Integer>() {
                            @Override
                            public void onSuccess(Method method, Integer response) {
                                MaterialToast.fireToast("Succefully set info. status code: " + response);
                            }
                            @Override
                            public void onFailure(Method method, Throwable exception) {
                                MaterialToast.fireToast("Error setting");
                            }
                    });
            }
        } else {
            MaterialToast.fireToast("Data has not changed");
        }
    }

    private void validateModel() {
        Validator validator = Validation.buildDefaultValidatorFactory().getValidator();
        Set<ConstraintViolation<LoginModel>> violations = validator.validate(model);
        GWT.log(String.valueOf(violations.size()));
        if (violations.size() > 0) {
            editorDriver.setConstraintViolations(new ArrayList<ConstraintViolation<?>>(violations));
        }
        model.validate();
    }

    @Inject
    LoginPresenter(EventBus eventBus,MyView view, MyProxy proxy) {
        super(eventBus, view, proxy, RevealType.Root);
        getView().setUiHandlers(this);
        editorDriver = getView().createEditorDriver();
        editorDriver.edit(model);

    }
    public enum EditorMode {
        VIEW, EDIT, CREATE
    };

}
package pl.korbeldaniel.cms.client.login;


import com.gwtplatform.mvp.client.UiHandlers;


interface LoginUiHandlers extends UiHandlers {
    void onLoginButtonClick();
}
<!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:m="urn:import:gwt.material.design.client.ui"
    xmlns:e="urn:import:pl.korbeldaniel.cms.client.login">


    <m:MaterialRow ui:field="loginWidget">

        <m:MaterialColumn grid="s12 m4 l4" offset="l4 m4" >
                <m:MaterialTitle title="Login" description="Please provide your account credentials."/>
                <m:MaterialPanel padding="5" shadow="1" addStyleNames="{style.panel}">
                    <m:MaterialPanel addStyleNames="{style.fieldPanel}">
                        <!-- <m:MaterialImage url="http://b.vimeocdn.com/ps/339/488/3394886_300.jpg" type="CIRCLE" addStyleNames="{style.imgProfile} z-depth-1"/> -->

                        <m:MaterialTextBox ui:field="email" type="EMAIL" placeholder="Email"/>
                        <m:MaterialTextBox ui:field="password" type="PASSWORD" placeholder="Password"/>
                        <m:MaterialRow addStyleNames="{style.rowAction}">
                            <m:MaterialColumn grid="s12 m12 l6">
                                <m:MaterialCheckBox ui:field="keepMeLoggedInCheckbox" text="Keep me logged in"/>
                            </m:MaterialColumn>
                        </m:MaterialRow>
                        <m:MaterialButton ui:field="loginButton" waves="LIGHT" text="Log In" width="100%"/>


                    </m:MaterialPanel>
                </m:MaterialPanel>
        </m:MaterialColumn>

    </m:MaterialRow>
</ui:UiBinder>