View Full Version : Getting Started Tutorial Issues

11 Feb 2012, 3:12 PM
I am a newbie to EXT JS 4 and have been trying to use Designer 2 to get started.

Walking through the Getting Started - Car Listings example has me scratching my head. I got down to the section called, "Bind the Store data to Grid and Chart" and attaching CarDataJson to the Grid Panel. When I auto-columned a popup said "Unable to read columns - the assigned store has no model or fields defined."

I went to CarDataJson and attached the model "carDataModel" in the Component Config. I then was able to Auto Column without error.

Then the tutorial says, "Once this is done, actual store data should immediately display in the grid." But I am not getting any data. I tried on the Chart too with no luck.

I finished the tutorial to see if it would work on the live page but I have nothing showing in my browser and no javascript errors.

Any idea what am I doing wrong?

11 Feb 2012, 7:16 PM
If your proxy(url) and reader are configured correctly, you should see 'Load data' context menu item enabled on the store. Click on that to load the data.

For running on browser make sure to set store 'autoLoad' to true if you arent manually loading the data.

12 Feb 2012, 4:39 AM
Thanks, I found a few inconsistencies in working the Getting Started tutorial. It was overall very helpful but when you are trying to do step-by-step then those quirks can stump you.

After tying the model to CarDataJson then you have to go back to do the AutoColumn and then back to CarDataJson to Load the data. That was not intuitive to me yet.

Another quirk I found was needing to make the id on the chart to myChart instead of the default MyChart.

And the HTML Markup for "detail" needs to be put in a format it can be cut and pasted. I missed the fact that it not just text and I typed in what I saw. The car photos did not display until I corrected it.

Just hope this helps any other newbies complete the tutorial. I found downloading the carstore2.zip in the Completed Project Files link to be very helpful to solve these issues.

Thanks, great product and please keep the samples/tutorials coming so more of us can learn.

25 Jun 2012, 3:12 AM
Good morning everyone.
I have the same problem when I press the button "Auto column" I get the error described. How can I fix it?
Hello and thank you.

26 Aug 2014, 5:47 PM
<!DOCTYPE html>
<title>Welcome to Ext JS!</title>
<link rel="stylesheet" type="text/css" href="C:\tools\ext-\resources\ext-theme-neptune\ext-theme-neptune-all.css">
<script type="text/javascript" src="C:\tools\ext-\ext-all.js"></script>
<script type="text/javascript" src="C:\tools\ext-\ext-theme-neptune.js"></script>

<script type="text/javascript" src="app.js"></script>
here is my app.js
name : 'MyApp',

launch : function() {

renderTo : Ext.getBody(),
xtype : 'grid',
title : 'Grid',
width : 650,
height : 300,
plugins : 'rowediting',
store : {
fields : [ 'name', 'age', 'votes', 'credits' ],
data : [
[ 'Bill', 35, 10, 427 ], [ 'Fred', 22, 4, 42 ]
columns: {
defaults: {
editor : 'numberfield',
width : 120
items: [
{ text: 'Name', dataIndex: 'name', flex: 1, editor: 'textfield' },
{ text: 'Age', dataIndex: 'age' },
{ text: 'Votes', dataIndex: 'votes' },
{ text: 'Credits', dataIndex: 'credits' }

4 Sep 2014, 7:27 AM
Please don't double post on different threads. Serve your files over http instead of the filesystem to start


4 Sep 2014, 9:03 AM
yep, sorry about the double post, did not mean to post to this, could not find a way to delet.

1 Dec 2015, 12:17 PM
Hello Everyone, I am facing a similar issue while following this tutorial. I need help with the following : 1. I have successfully created the store and Model. 2. I was successful in uploading the data by adding the url in MyAjaxProxy. In this example it generates 5 entries of Cars and their details when I select the 'Auto Columns'. But in next step when I right click on grid and click 'Grid Builder' (Earlier it was Auto Columns and now it has changed to Grid Builder), it asks me to add a Model. I click on 'checkbox' which says delete any additional columns. After that, I click on advanced settings and Select Store from Existing Store Option. Now when I click on Generate, it should show all the 5 entries data in Store. But instead, design Grid is blank. The entries in the store(where it shows an eye) has changed to 30. When I click on that eye, it shows 30 dummy entries in unknown language. I think they are just some random words. I does not show anything when I save and check this on browser. Please help ..