1. #1
    Sencha User
    Join Date
    Mar 2013
    Posts
    9
    Vote Rating
    1
    henriqueo is on a distinguished road

      0  

    Default Error on submitting a form

    Error on submitting a form


    Hi guys,

    I am gettinh an error on submit a form, take a look:

    TypeError: this.monitor is null
    [IMG]chrome://firebug/content/blank.gif[/IMG] return this.monitor.getItems();
    line 88309 ext-all-debug.js :
    getFields: function() { return this.monitor.getItems();
    },

    I am using 4.2.0

    Cheers

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I'm not getting any error with 4.2.0.663:

    Code:
    new Ext.form.Panel({
        renderTo : document.body,
        title    : 'Test',
        url      : 'data/form.php',
        items    : [
            {
                xtype      : 'textfield',
                fieldLabel : 'Foo',
                name       : 'foo',
                value      : 'bar'
            },
            {
                xtype   : 'button',
                text    : 'Submit',
                handler : function (button) {
                    var form = button.up('form');
    
                    form.submit();
                }
            }
        ]
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jun 2012
    Posts
    49
    Vote Rating
    5
    Malro is on a distinguished road

      0  

    Default


    i am getting same error.

    4.2.0.663

    but my form consist of a textfield and a filefield

  4. #4
    Sencha User
    Join Date
    Jul 2012
    Location
    Canada
    Posts
    3
    Vote Rating
    0
    onepixelleft is on a distinguished road

      0  

    Default


    I can confirm I also get this same error regarding this.monitor in BasicForm.js being null and it can't call getItems().

    SDK: 4.2.0.663

    Testing in Chrome

    I am using a form with one textareafield and five hiddenfields, with standard submit to true, and I populate the field values via the method loadRecord().

  5. #5
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    51
    Vote Rating
    2
    vicvolk87 is on a distinguished road

      0  

    Default


    Confirm the very same error. I have the simplest form with just one textfield, POST method and standard submit. Is there any fix for this bug, guys?

  6. #6
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    51
    Vote Rating
    2
    vicvolk87 is on a distinguished road

      0  

    Default


    By the way, I've seen the difference between using xtype and creating a new object, like Michel does. Previously, it helped me to solve several issues.

  7. #7
    Sencha User
    Join Date
    Apr 2013
    Posts
    1
    Vote Rating
    0
    savogensis is on a distinguished road

      0  

    Default


    Same issue here, trying to submit a gridPanel.

  8. #8
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    5
    Vote Rating
    0
    aukeapp is on a distinguished road

      0  

    Question Same issue for me

    Same issue for me


    Same problem for me. I use this code:

    var form_panel = new Ext.form.FormPanel({
    standardSubmit : true,
    url : '?action=test'
    });

    form_panel.getForm().submit();

    Is there a good workaround ?

  9. #9
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    51
    Vote Rating
    2
    vicvolk87 is on a distinguished road

      0  

    Default


    aukeapp, try to use xtype:'form' instead of a component, sometimes it helps. This is a working solution for me in extjs 4.1.1a:
    Code:
    Ext.create('Ext.window.Window',{
         width:200,
         height:100,
         items:[{
                        region:'center',           
                        xtype:'form',
                        items:[{xtype:'textfield', name:'myfield'}],
                        id:'myform',
                        method:'POST',
                        standardSubmit:true
                    }],
                    buttons:[{
                        text:'Submit',
                        handler:function(){    
                               Ext.getCmp('myform').getForm().submit({target:'_blank',url:'../handler/form.handler.php'});
                            win.destroy();
                        }
                    },{
                        text: 'Close',
                        handler: function(){
                            win.destroy();
                        }
                    }]
                }).show();
    If it doesn't help, investigate the console log. I remember, I've overridden something, but I'm not quite sure that it was for this particular bug.

  10. #10
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    5
    Vote Rating
    0
    aukeapp is on a distinguished road

      0  

    Default


    Thank you. This work for me