preferred way to make a store

[xyrer]

I have this model:

Ext.define('Article',{
			extend: 'Ext.data.Model',
			fields: [
				{name:'Headline',type:'string'},
				{name:'Summary',type:'string'},
				{name:'Body',type:'string'},
				{name:'Thumbs',type:'string',mapping:'Photos > Thumbnail'}
			]
		});

And this two ways to declare a store, the first one throws an error saying I'm trying to define a store with no model, the second works ok but can't get to it on the safari debugger, what's the difference between the two and which one should I use?

Ext.define('Articles_store',{
			extend: 'Ext.data.Store',
			model: 'Article',
			proxy: {
				type: 'ajax',
				url: 'http://localhost:8080/data.xml',
				reader: {
					type: 'xml',
					root: 'channel',
					record: 'item'
				}
			},
			autoLoad: true
		})
		
		var Articles_store = Ext.create('Ext.data.Store',{
			model: 'Article',
			proxy:{
				type: 'ajax',
				url: 'http://localhost:8080/data.xml',
				reader: {
					type: 'xml',
					root: 'channel',
					record: 'item'
				}
			},
			autoLoad: true
		});

[aacoro]

I would use Ext.Define to define my own store. I think all classes in ExtJs4 and ST2 are created this way. With the Ext.create I would instantiate the classes that I created.

Check this post: http://www.sencha.com/forum/showthre...l=1#post595035

What I would do regarding your snippets:
1, Define my own namespace like MyApp:

Ext.define('MyApp.model.Article', {...});

and the Store:

Ext.define('MyApp.store.Article' , {...});

And the I would instantiate the store like this:

Ext.create('MyApp.store.Article');

I hope you have read this: http://docs.sencha.com/touch/2-0/#!/guide/class_system

[xyrer]

I see now, coming from sencha 1.1 I didn't have such a solid idea of using classes, any Idea of how would I be able to see the instantiated store on the safari debugger or firebug?

[aacoro]

I see now, coming from sencha 1.1 I didn't have such a solid idea of using classes, any Idea of how would I be able to see the instantiated store on the safari debugger or firebug?

I haven't found a good debugging way other that logging the things I'm interested in:

var myInstantiatedClass = Ext.create.....

console.log(myInstantiatedClass)

btw: i do this in Chrome, with the developer tools

[xyrer]

Yeah, I used to be able to add the stores to the "watch expression" list but I can't do it now in 2.0, I need it that way because I wanted to see it after it's loaded but I have to do some workarounds to get the info I need, I will keep looking anyway. thanks.