forms - 单击按钮时提交 extjs 表单

Question

我是 extjs 的新手。我有一家商店，其中有一些来自 json 文件的数据。我创建了一个表格。我想通过表格将新数据保存在该商店中。如何创建按钮并在单击该按钮时提交表单？请告诉我。提前致谢

Answer 1

在 ExtJS 的 API 中是一个很好的例子，说明如何Ext.form.Panel用按钮创建一个。当您单击此按钮时，表单将被提交。
此示例不起作用，因为它不提交到页面，但它是非常可配置的。

按钮+处理程序的片段：

buttons: [{
    text: 'Submit',
    handler: function() {
        var form = this.up('form').getForm();
        if (form.isValid()) {
            form.submit({
                url: '', //this is the url where the form gets submitted
                success: function(form, action) {
                   Ext.Msg.alert('Success', action.result.msg);
                },
                failure: function(form, action) {
                    Ext.Msg.alert('Failed', action.result.msg);
                }
            });
        }
    }
}]

Answer 2

如果您使用 ExtJS 4 并且您的表单绑定到“模型”实例，那么您会在按钮单击处理程序中获得对模型的引用并调用：

model.save();

它将向模型类上定义为代理的 url 发送一个 post 请求。

发布您的代码，也许我们可以得到一些更直接的帮助。