Configuration required to get Sencha ExtJS TreeGrid example working

Question

Can someone help explain what configuration I'm missing to get the Sencha Ext JS 4 framework TreeGrid sample working?

Here's what I've done so far:

Downloads:
http://php.iis.net > click "PHP on Windows" > install "PHP53.exe"
http://www.sencha.com > click "Products" > click "EXT JS 4" > extract zip file code and place into C:\source\ext-4.0.7-gpl

Turned on IIS 7 in Windows 7 Programs and Features

Created IIS 7 website in Windows 7:
- set physical path of website to "C:\source\ext-4.0.7-gpl" (setting root of site to *\docs seemed to break some of the examples)
- I didn't set any special bindings (just port 80) .. localhost is implied without setting it

To try and view the example, I did the following:
- navigate to http://localhost > click "View the Examples" > Scroll down to "Trees" section - notice that the "Drag and Drop Reordering", "Multiple Trees", and "XML Tree" work in this section when you have PHP installed, but the "Tree Grid" and "Check Tree" do not. I'm mostly interested in the "TreeGrid".

What am I missing in my configuration or setup?

=========================================================

2/13/2012 @10:51pm

I thought I had this one solved, but apparently not. I left this project be for awhile, so I didn't confirm the answer. The treegrid.json file is definitely there, and it matches the file on the sencha.com extjs tree grid example json file.

Here is the URL to my tree grid example (copied from Sencha's example):

http://24.177.214.232:8888/examples/tree/treegrid.html

Here is the URL to the Sencha.com tree grid example:

http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tree/treegrid.html

here you go.. I had to add an inbound firewall rule for port 8888 and change the binding, and add a line in my router port forwarding. My ISP doesn't allow port 80. 24.177.214.232:8888 — MacGyver
have you tried using firefox + firebug to see if any error is reported? — maialithar
seems like there's an error on line 17,836 in file... 24.177.214.232:8888/ext-all-debug.js ... JavaScript Error: 24.177.214.232:8888/examples/tree/… ..... this doesn't exist — MacGyver

maialithar maialithar · Accepted Answer · 2012-01-30T07:24:21

if you inspect treegrid.js you'll see that it requires treegrid.json (JSON-formatted data file). when you visit http://24.177.214.232:8888/examples/tree/treegrid.json (which is the path where treegrid.js expects treegrid.json) you'll see, that there is no such file.

fix the path or create a data file : )

EDIT you can find proper JSON here: http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tree/treegrid.json

Configuration required to get Sencha ExtJS TreeGrid example working

2/13/2012 @10:51pm

2 Answers