Weird naming convention using model and store?

Dear all,

I'm using MVC. Recently I encountered a problem loading a model for a store, getting a naming error:

Quote:

---

Code:

---


Ext.application({
    name: 'Test',
    views: ['MyView'],
    models: ['MyModel'],
    stores: ['MyStore'],
    launch: function() {
        Ext.Viewport.add(Ext.create('Test.view.MyView'));
    }
});


Ext.define('Test.model.MyModel', {
    extend: 'Ext.data.Model',
    config: {
        fields: ...
    }
});

Ext.define('Test.store.MyStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'MyModel', // error - instead 'Test.model.MyModel' is required ...
        ...
    }
});

Ext.define('Test.view.MyView', {
    extend: 'Ext.DataView',   
    config: {
        store: 'MyStore',
        itemTpl: ...
    }   
});

---

---

In the DataView declaration the abbreviation 'MyModel' is fine but for the Store declaration this results in an error "MyModel does not exist". Replacing MyModel with Test.model.MyModel fixes the problem. For me, this seems to be inconsistent. Or is there another error in my code?

-Niko

Hi Niko,

I haven't tested your code but a cursory glance would suggest that the error lies in your definition of the Store.

You have extended Ext.data.Model instead of Ext.data.Store

Best regards,
Brett Hannah
LinkedIn
EdgeUX

Just a typo in the example code ... Sorry. Problem remains.

Hi Niko,

did you require your model anywhere in your code?
You can do this either in your app.js or in your store. With the help of the "require" you make sure that the given files are loaded and available for further using.

I can imagine that something like

Code:

---

Ext.define('Test.store.MyStore', {
    extend: 'Ext.data.Store',
    requires: [
        'Test.model.MyModel'
    ],
    config: {
        model: 'MyModel',
        ...
    }
});

---

will fix the problem.

Best regards,
Schildi

Hi Schildi,

Yes, I did, in app.js. I added this also to my code example.

-Niko

Shouldn't the models and stores in the Application be : MyModel and MyStore?