ExtJs 4 表单提交问题

Question

我是 Extjs 和 java 脚本的新手。我有一个带有 3 个文本字段的简单表单。提交时我想进入下一页（结果页面）。当我单击提交按钮时，我看到警报 1，但没有收到警报 2 和 3。我确实看到在 firebug 中返回响应，但结果页面没有加载。我在这里做错了什么，如何加载下一页？任何帮助将不胜感激。

Ext.require([
    'Ext.form.*'
]);

Ext.onReady(function() {

    var formPanel = Ext.create('Ext.form.Panel', {
        frame: true,
        title: 'New Todo',
        width: 340,
        bodyPadding: 5,
    url: 'result.html',
    ajaxSubmit:false,
        fieldDefaults: {
        labelAlign: 'left',
        labelWidth: 90,
        anchor: '100%'
    },

    items: [{
        xtype: 'textfield',
        name: 'id22',
        fieldLabel: 'id22',
        value: ''
    },{
        xtype: 'textfield',
        name: 'Summary',
        fieldLabel: 'Summary',
        value: ''
    }, {
        xtype: 'textareafield',
        name: 'Description',
        fieldLabel: 'Description',
        value: ''
    }],

    // Reset and Submit buttons
buttons: [{
     text: 'Submit',
    formBind: true, //only enabled once the form is valid
    disabled: true,
    handler: function() {
        var form = this.up('form').getForm();
        alert("1");
        form.submit({
                    //clientValidation: true,
                    url: 'result.html',
                    success: function(form, action) {
                       alert("2");
                    },
                    failure: function(form, action) {
                         alert("3");
                    }
                });

    }

}],


});

formPanel.render('form-todo');

});

Answer 1

我不确定您从哪里获得“ajaxSubmit”配置选项，但根据文档，standardSubmit 选项是您需要的选项。