javascript - MooTools 表单请求在提交后恢复值

Question

我的 MooTools 表单请求给我带来了问题。

提交表单后，这些值会变回生成表单时的值。

var formRequest = new Form.Request(myFormValidator, dialogBox, {

    onSend: function(){
        dialogBox.setStyle('display','block');
        dialogBox.fade(1);
        dialogBox.set('html','Saving');

    },
    onSuccess: function(response) {

        dialogBox.setStyle('display','block');
        dialogBox.fade(1);
    }
});

Answer 1

解决方案

搜索完documentation后更彻底一点，我发现表单默认情况下会自行重置。去搞清楚。有一个文字值 resetForm 需要设置为 false。

var formRequest = new Form.Request(myFormValidator, dialogBox, {

    resetForm: false,
    onSend: function(){
        dialogBox.setStyle('display','block');
        dialogBox.fade(1);
        dialogBox.set('html','Saving');

    },
    onSuccess: function(response) {

        dialogBox.setStyle('display','block');
            dialogBox.fade(1);

    }
});

<小时/>

解释

默认值似乎违反直觉，至少在编辑表单的上下文中是这样。当您对记录进行更改并保存时，您会希望所做的更改保留在屏幕上，而不是改回来。

表单字段行为示例 (resetForm:true)

                Change                     Submit
Name: [ Bob ]     -->     Name: [ Bobby ]     -->     Name: [ Bob ]

表单字段行为示例 (resetForm:false)

                Change                     Submit
Name: [ Bob ]     -->     Name: [ Bobby ]     -->     Name: [ Bobby ]

<小时/>

开发者的初衷

那么为什么默认要清除表单呢？我能理解它的唯一方法是在快速输入表格的上下文中。填写完表格后，它会清除，以便您可以快速输入另一条记录。

表单字段行为示例 (resetForm:true)

                Change                     Submit
Name: [     ]     -->     Name: [ Bobby ]    -->     Name: [     ]
Name: [     ]     -->     Name: [ David ]    -->     Name: [     ]
Name: [     ]     -->     Name: [ Susan ]    -->     Name: [     ]