Simple Hello app breaks when adding a Store

**beammeupscotty** · 31 Jan 2013 2:08 PM

I have been working with Ext JS for only a couple of weeks. That being said, I have decades of software development experience in lots of languages, and this has been the most frustrating framework I have ever worked with. I would suggest Sencha go look at Adobe's Flash tutorials to get people started.

To illustrate my problem I built a simple Hello app, and like my other app, it also stops working when I add a Controller that includes a Store. Both IE9 debugger or Firefox firebug report nothing. I just get a blank page. If I comment out the Store assignment, things work. Can't do any apps without a Store so what's up?

I'm using eclipse Juno, Tomcat 7, Ext JS 4.1.1a, and used sencha cmd to build the structure.

Index.html

<!DOCTYPE html>
<html>
<head>
<title>Hello Ext</title>

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<script type="text/javascript" src="ext/ext-debug.js"></script>
<script type="text/javascript" src="app/app.js"></script>
</head>
<body></body>
</html>

App:

Ext.require('Ext.container.Viewport');
Ext.application({
name : 'HelloExt',
controllers : ['myController'],
launch : function() {
Ext.create('Ext.container.Viewport', {
layout : 'fit',
items : [ {
title : 'Hello Ext',
html : 'Hello! Welcome to Ext JS.'
} ]
});
}

});

Controller:
Ext.define('HelloExt.controller.myController', {
extend: 'Ext.app.Controller',
stores: ['myStore'],
init: function() {
console.log('Initialized MetricList! This happens before the Application launch function is called');

}
});
Store:
Ext.define('HelloEx.store.myStore', {
extend : 'Ext.data.Store',
models : ['myModel'],
autoLoad: true
});

Capture.GIF

I hope somebody can help me figure out what I've done wrong.

**evant** · 31 Jan 2013 2:23 PM

Code:

Ext.define('HelloEx.store.myStore', {

Also, the convention used in the framework is that class names are pascal, not camel cased.

**beammeupscotty** · 31 Jan 2013 3:09 PM

Originally Posted by evant

Code:

Ext.define('HelloEx.store.myStore', {

Also, the convention used in the framework is that class names are pascal, not camel cased.

Believe it or not my real app had a typo in the domain too. Also I copied all the stuff that the sencha cmd created, fixed cases etc. and it worked. Sometimes you really need another set of eyes.

**sriram139** · 1 Feb 2013 12:45 PM

There are three things here:

1) Typo in Store definition: HelloEx.store.myStore
2) There is no models config in Store API. It must be model it accepts only one model.
3) You must check the APIs thoroughly and refer sample code blocks before working with any languages...

Thanks,
Sriram

Simple Hello app breaks when adding a Store

Thread Tools

Search Thread

Display

Unanswered: Simple Hello app breaks when adding a Store

Unanswered: Simple Hello app breaks when adding a Store

Tags for this Thread