ExtJS4 Model.save() error: record is undefined.

Question

What I'm trying to do:

I'm making an app with ExtJS 4 using the MVC architecture. I have a Model (User) with the proxy, a store (Users), and a Controller.

The controller listens for a button to "Add User", which receives data from a form. I create a new User and pass in the data:

var newUser = new MY.model.User({name: textInputValue}); //bob

and then call

newUser.save({
    success: function() { ... },
    failure: function() { ... }
});

What is happening:

Whether I use the callbacks or not, and even if the save() function params are empty, I get the following error:

record is undefined:
me.set(record.data);

Thrown in .../ext-4.0.1/src/data/Model.js on line 972.

What I've been able to find out so far:

Running stack traces shows that:

operation = Ext.create('Ext.data.Operation', options);

on line 968 (of the same Model.js file mentioned above) returns an object that has records, of which has the data that I'm passing it.

Two questions here:

1. Is this a bug?
2. Am I doing something wrong?

Any help would be greatly appreciated.

Answer 1

First I'd suggest that you upgrade to the latest version 4.0.2a, so you got the latest bug fixes.

Ext JS has its own class system, so you cannot instantiate an Ext based class with new keyword. Always use Ext.create to instantiate a new class from Ext JS and only use new for plain prototype based classes.

For models you can create a new instance through the model manager:

var user = Ext.ModelManager.create({
    name : 'Bob'
}, 'User');