ExtJs 4表单提交问题

时间:2012-11-01 19:36:34

标签: javascript extjs

我是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');

});

1 个答案:

答案 0 :(得分:2)

我不知道你从哪里获得'ajaxSubmit'配置选项,但根据文档,standardSubmit选项是你需要的选项。