提交表单

Question

我有一个输入数据的登录名：UserName和Password and submit按钮。像这样。

Chrome中填写了文本字段，但是当我将该信息用于登录过程时，它就像没有数据一样。我必须重写文本字段中的所有信息。我希望此信息用于登录过程。 我怎么能这样做？

控制器类：

public class LoginController extends SelectorComposer<Component>{
    //Wire Components
    @Wire
    private Textbox user;
    @Wire
    private Textbox password;
    @Wire
    private Label message;

    private AuthenticationService serviceAuth = new AuthenticationService();

    /*
     * Method:  doLogin
     * Details: Login function with the data provided: User and password
     * 
     */
    @Listen("onClick=#loginButton")
    public void doLogin(){
        String userName = user.getValue();
        String pass = password.getValue();

        //Now we use the Authenthication service
        if(!serviceAuth.login(userName, pass)){
            message.setValue("Datos ingresados son incorrectos");
            return;
        }

        UserCredential tmpCred = serviceAuth.getUserCredential(); //check
        message.setValue("Bienvenido, "+userName);
        Executions.sendRedirect("/inquiries.zul");
    }
}

Answer 1

这可能听起来很奇怪，但您可以尝试以下方法：

<textbox value="@bind(vm.userName) @save(vm.userName, before='submit')"/>
<button onClick="@command('submit')"/>

像这样，您将在保存之前再次将数据保留在文本框中。

编辑：

所以我搜索了一下，我发现了一些＆＃34; hack＆＃34;为了它。
请注意，问题来自Chrome本身，它不会执行onChange事件。

所以我想出了以下内容：

<window id="win" border="normal" title="hello" apply="be.chillworld.LoginController" xmlns:w="http://www.zkoss.org/2005/zk/client" >
     <vlayout>
        <textbox id="user"/>   
        <textbox id="password" type="password"/>
        <button label="login" id="loginButton" w:onClick="persistValuesToServer()"/>   
        <script type="text/javascript">
            function persistValuesToServer()
            {
            zAu.send(new zk.Event(zk.Widget.$('win'), 'onUser', jq('$user').val()));
            zAu.send(new zk.Event(zk.Widget.$('win'), 'onPass', jq('$password').val()));
            }
        </script>
    </vlayout>  
</window>


public class LoginController extends SelectorComposer<Component> {

    @Wire
    private Textbox user;
    @Wire
    private Textbox password;

    @Listen("onUser=#win")
    public void autoFillUser(Event e) {
        user.setValue(String.valueOf(e.getData()));
    }

    @Listen("onPass=#win")
    public void autoFillPass(Event e) {
        password.setValue(String.valueOf(e.getData()));
    }

    @Listen("onClick=#loginButton")
    public void doLogin() {
        System.out.println(user.getValue() + " : " + password.getValue());
    }
}

小解释：
当我们按下按钮时，我们的JavaScript将首先被触发=＆gt;我们将向控制器发送2个事件（1个用户名和1个密码），其中包含实际文本框中的数据。
在控制器中，我们将正确的数据放在文本字段中，然后处理真实的登录事件。

这是完美的解决方案吗？ 肯定不是但是当我们按下按钮时，它的工作量很小。