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

解决方案

在更彻底地搜索文档之后，我发现表单默认会自行重置。去算算吧。有一个文字值 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: [     ]