	[x] Posted via EE Mobile
	Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

7.8

ext 3 data grid renders without data

Asked by twalker916 in JavaScript Frameworks, JSON, ColdFusion Application Server

Tags: Ext js; ColdFusion; JavaScript

I am trying to create my first grid panel in Ext js - I have a ColdFusion 8 program mwCounties.cfm a ColdFusion 8 component - ext.cfc and a Javascript file - mwCounties.js.
I am using Firefox on a Windows Vista machine. Everything appears to run fine but the grid panel renders without the data. I have attached a picture of the firefox showing the grid and the data is shown below in the firbug console.

View the Solution FREE for 30 Days

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:

           
           
             the cfm code (mwCounties.cfm)...
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>MembwerWeb Counties</title>
		<meta name="author" content="Stephen G. 'Cutter' Blades" />
		<script language="javascript" type="text/javascript" src="../ext/ext-base-debug.js"></script>
		<script language="javascript" type="text/javascript" src="../ext/ext-all-debug.js"></script>
		<script language="javascript" type="text/javascript" src="../ext/custom/CFQueryReader.js"></script>
		<script language="javascript" type="text/javascript" src="../ext/lrnext3/mwCounties.js"></script>
		<link rel="stylesheet" type="text/css" href="../ext/css/ext-all.css" />
	</head>
	<body><!-- Intentional comment. Leave in place -->
		<div id="mainContent">
			<div id="counties" style="margin:25px;"></div>
		</div>
	</body>
</html>
 
the JavaScript code (mwCounties.js)...
/*
 * Data Store from custom reader
 */
Ext.onReady(function(){
	var recordModel = [
		{name:'STATE',mapping:'STATE'},
		{name:'COUNTY',mapping:'COUNTY'},
		{name:'REGIONID',mapping:'REGIONID',type:'int'},
		{name:'REGION',mapping:'REGION'},
		{name:'REGIONNAME',mapping:'REGIONNAME'},
		{name:'FIPS',mapping:'FIPS'}
	];
    var countyReader = new Ext.data.CFQueryReader({id:'STATE',root:'DATA'},recordModel);
	var countyStore = new Ext.data.Store({
		url:'cfc/ext.cfc',
		baseParams:{method: 'getCounties',returnFormat: 'JSON',queryFormat: 'column'},
        reader: countyReader
	});	
	countyStore.load();
	var grid = new Ext.grid.GridPanel({
		renderTo:'counties',
        frame:true,
		title:'Memberweb Counties',
		width:500,
		height:500,
        store: countyStore,
		columns: [
            {header: "State", dataIndex: 'STATE'},
            {header: "County", dataIndex: 'COUNTY'},
            {header: "Region ID", dataIndex: 'REGIONID'},
            {header: "Region", dataIndex: 'REGION'},
            {header: "Region Name", dataIndex: 'REGIONNAME'},
            {header: "FIPS", dataIndex: 'FIPS'}
		]
	});
});
 
the CFC code (ext.cfc)...
<cfcomponent output="false">
	<!---
	 /	METHOD: counties
	 /
	 /	@param	regionid:numeric
	 /	@return	output:query
	 --->
	<cffunction name="getCounties" access="remote" output="false" returntype="query">
		<cfset var q = "" />
		<cftry>
			<cfquery name="q" datasource="memberWebdb">
				select 
            		state
            		,county
            		,tc.regionid
            		,region
            		,regionname
            		,fips 
            	from 
            		tcounty tc 
            		inner join tregion tr on tr.regionid=tc.regionid 
            	order by 
            		state
            		,county
               
			</cfquery> 
			<cfcatch type="database">
				<!--- Place Error Handling Here --->
			</cfcatch>
		</cftry>
		<cfreturn q />
	</cffunction>
</cfcomponent>

           
         

Attachments:

datagrid.pdf (59 KB) (File Type Details)

Picture of data grid and data

20091111-EE-VQP-92 - Hierarchy / EE_QW_3_20080625

Hall of Fame

1. azadisaryev615,100
2. _agx_355,166
3. gdemaria230,698
4. SidFishes191,873
5. duncancu...180,924
6. Jones911147,118
7. srikanthm...90,983
8. erikTsomik85,856
9. Zvonko65,230
10. Plucka39,572
11. pravinasar31,650
12. Mr_Nil30,100
13. dgrafx26,100
14. zadoc19,500
15. myselfran...18,180
16. Tomarse...17,900
17. mwvisa114,500
18. black0ps11,100
19. aneeshatti...10,956
20. MartinCMS10,100
21. eszaq9,545
22. angelIII9,500
22. zzynx9,500
24. usachrisk...9,000
25. galadore8,910

1. mrichmon1,346,158
2. SidFishes831,759
3. gdemaria794,729
4. _agx_779,768
5. trailblazzy...700,166
6. azadisaryev674,975
7. pinaldave663,576
8. dgrafx607,202
9. anandkp595,655
10. Plucka455,115
11. Jester_48393,645
12. Tacobell777390,907
13. danrosent...350,915
14. mkishline295,040
15. mmc98dl1271,238
16. Zvonko255,278
17. entrance...248,605
18. SBennett246,938
19. usachrisk...246,753
20. jyokum242,423
21. rob_loren...226,658
22. duncancu...224,316
23. cheekycj205,597
24. jimmy282200,834
25. hart192,788

ext 3 data grid renders without data

Asked by twalker916 in JavaScript Frameworks, JSON, ColdFusion Application Server

Tags: Ext js; ColdFusion; JavaScript

About this solution