Uncaught TypeError: Object [object Object] has no method 'getContactForm'

[premkumarsingh]

Uncaught TypeError: Object [object Object] has no method 'getContactForm'

i am getting this error...
the code for this is given below...

Ext.define('sencha.controller.Main',{
extend: 'Ext.app.Controller',

views: ['Home','Product','Viewport','Contact'],

refs: [
{
ref: 'contactForm',
selector: '#contactForm'
}
],


init: function(){
console.log('activated');


this.control({
'button[action=submitContact]':{
tap: 'submitContactForm'
}
});
},


submitContactForm: function(){
var form = this.getContactForm();
console.log(form);
form.submit({
url: 'contact.php'
});
}
});

the blue line is giving problem
thanks...

[mitchellsimoens]

The getter methods that used to be created for each class in the views array are no longer created.

[premkumarsingh]

then how do i do it.....

plz help

[mitchellsimoens]

I'm sorry, that actually has no bearing on your problem. Your problem is with the ref which has changed.

config : {
    refs : {
        contactForm : '#contactForm'
    }
}

Now you should have the getContactForm method that the refs use.

[premkumarsingh]

great working.....
thanks

but the config won't let me add an array of refs. right??

thanks for the quick reply.......

[mitchellsimoens]

It's an object so if you want another ref add another key:

refs : {
    nameOne : 'foo',
    nameTwo : 'bar'
}

That will create the getNameOne and getNameTwo methods.

[premkumarsingh]

thanks a lot..

[sencha_mir]

I am following the video tutorial which i have downloaded from www.vimeo.com and my code is a carbon copy of the code in the video as i am following it step by step.
my code for the refs is:

refs:     [
        {
            ref: 'contactForm',
            selector: '#contactForm'
        }
    ],

and for submission my code is:

submitContactForm: function()    {
        var form=this.getContactForm(); //this line is giving an error
        console.log(form);
    }

now kindly some one please let me know what i am missing here. It would be well appreciated if you answer by modifying my code.

[mitchellsimoens]

What is calling the submitContactForm method?

[sencha_mir]

init: function()	{
		this.control(
		{
			'button[action=submitContact]':
			{
				tap: 'submitContactForm'
			}
		}
		);
	},