3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
9 * Copyright(c) 2006-2009 Ext JS, LLC
11 * http://www.extjs.com/license
14 * Ext JS Library 3.1.0
15 * Copyright(c) 2006-2009 Ext JS, LLC
17 * http://www.extjs.com/license
20 * Ext JS Library 3.1.0
21 * Copyright(c) 2006-2009 Ext JS, LLC
23 * http://www.extjs.com/license
26 * Ext JS Library 3.1.0
27 * Copyright(c) 2006-2009 Ext JS, LLC
29 * http://www.extjs.com/license
32 * Ext JS Library 3.1.0
33 * Copyright(c) 2006-2009 Ext JS, LLC
35 * http://www.extjs.com/license
38 * Ext JS Library 3.1.0
39 * Copyright(c) 2006-2009 Ext JS, LLC
41 * http://www.extjs.com/license
44 * Ext JS Library 3.1.0
45 * Copyright(c) 2006-2009 Ext JS, LLC
47 * http://www.extjs.com/license
50 * Ext JS Library 3.1.0
51 * Copyright(c) 2006-2009 Ext JS, LLC
53 * http://www.extjs.com/license
56 * Ext JS Library 3.1.0
57 * Copyright(c) 2006-2009 Ext JS, LLC
59 * http://www.extjs.com/license
62 * Ext JS Library 3.1.0
63 * Copyright(c) 2006-2009 Ext JS, LLC
65 * http://www.extjs.com/license
68 * Ext JS Library 3.1.0
69 * Copyright(c) 2006-2009 Ext JS, LLC
71 * http://www.extjs.com/license
74 * Ext JS Library 3.1.0
75 * Copyright(c) 2006-2009 Ext JS, LLC
77 * http://www.extjs.com/license
80 * Ext JS Library 3.1.0
81 * Copyright(c) 2006-2009 Ext JS, LLC
83 * http://www.extjs.com/license
86 * Ext JS Library 3.1.0
87 * Copyright(c) 2006-2009 Ext JS, LLC
89 * http://www.extjs.com/license
92 * Ext JS Library 3.1.0
93 * Copyright(c) 2006-2009 Ext JS, LLC
95 * http://www.extjs.com/license
98 * Ext JS Library 3.1.0
99 * Copyright(c) 2006-2009 Ext JS, LLC
100 * licensing@extjs.com
101 * http://www.extjs.com/license
104 * Ext JS Library 3.1.0
105 * Copyright(c) 2006-2009 Ext JS, LLC
106 * licensing@extjs.com
107 * http://www.extjs.com/license
110 * Ext JS Library 3.1.0
111 * Copyright(c) 2006-2009 Ext JS, LLC
112 * licensing@extjs.com
113 * http://www.extjs.com/license
116 * Ext JS Library 3.1.0
117 * Copyright(c) 2006-2009 Ext JS, LLC
118 * licensing@extjs.com
119 * http://www.extjs.com/license
122 * Ext JS Library 3.1.0
123 * Copyright(c) 2006-2009 Ext JS, LLC
124 * licensing@extjs.com
125 * http://www.extjs.com/license
128 * Ext JS Library 3.1.0
129 * Copyright(c) 2006-2009 Ext JS, LLC
130 * licensing@extjs.com
131 * http://www.extjs.com/license
134 * Ext JS Library 3.1.0
135 * Copyright(c) 2006-2009 Ext JS, LLC
136 * licensing@extjs.com
137 * http://www.extjs.com/license
140 * Ext JS Library 3.1.0
141 * Copyright(c) 2006-2009 Ext JS, LLC
142 * licensing@extjs.com
143 * http://www.extjs.com/license
146 * Ext JS Library 3.1.0
147 * Copyright(c) 2006-2009 Ext JS, LLC
148 * licensing@extjs.com
149 * http://www.extjs.com/license
152 * Ext JS Library 3.1.0
153 * Copyright(c) 2006-2009 Ext JS, LLC
154 * licensing@extjs.com
155 * http://www.extjs.com/license
158 * Ext JS Library 3.1.0
159 * Copyright(c) 2006-2009 Ext JS, LLC
160 * licensing@extjs.com
161 * http://www.extjs.com/license
164 * Ext JS Library 3.1.0
165 * Copyright(c) 2006-2009 Ext JS, LLC
166 * licensing@extjs.com
167 * http://www.extjs.com/license
170 * Ext JS Library 3.1.0
171 * Copyright(c) 2006-2009 Ext JS, LLC
172 * licensing@extjs.com
173 * http://www.extjs.com/license
176 * Ext JS Library 3.1.0
177 * Copyright(c) 2006-2009 Ext JS, LLC
178 * licensing@extjs.com
179 * http://www.extjs.com/license
182 * Ext JS Library 3.1.0
183 * Copyright(c) 2006-2009 Ext JS, LLC
184 * licensing@extjs.com
185 * http://www.extjs.com/license
188 * Ext JS Library 3.1.0
189 * Copyright(c) 2006-2009 Ext JS, LLC
190 * licensing@extjs.com
191 * http://www.extjs.com/license
194 * Ext JS Library 3.1.0
195 * Copyright(c) 2006-2009 Ext JS, LLC
196 * licensing@extjs.com
197 * http://www.extjs.com/license
200 * Ext JS Library 3.1.0
201 * Copyright(c) 2006-2009 Ext JS, LLC
202 * licensing@extjs.com
203 * http://www.extjs.com/license
206 * Ext JS Library 3.1.0
207 * Copyright(c) 2006-2009 Ext JS, LLC
208 * licensing@extjs.com
209 * http://www.extjs.com/license
212 * Ext JS Library 3.1.0
213 * Copyright(c) 2006-2009 Ext JS, LLC
214 * licensing@extjs.com
215 * http://www.extjs.com/license
218 * Ext JS Library 3.1.0
219 * Copyright(c) 2006-2009 Ext JS, LLC
220 * licensing@extjs.com
221 * http://www.extjs.com/license
224 * Ext JS Library 3.1.0
225 * Copyright(c) 2006-2009 Ext JS, LLC
226 * licensing@extjs.com
227 * http://www.extjs.com/license
230 * Ext JS Library 3.1.0
231 * Copyright(c) 2006-2009 Ext JS, LLC
232 * licensing@extjs.com
233 * http://www.extjs.com/license
236 * Ext JS Library 3.1.0
237 * Copyright(c) 2006-2009 Ext JS, LLC
238 * licensing@extjs.com
239 * http://www.extjs.com/license
242 * Ext JS Library 3.1.0
243 * Copyright(c) 2006-2009 Ext JS, LLC
244 * licensing@extjs.com
245 * http://www.extjs.com/license
248 * Ext JS Library 3.1.0
249 * Copyright(c) 2006-2009 Ext JS, LLC
250 * licensing@extjs.com
251 * http://www.extjs.com/license
254 * Ext JS Library 3.1.0
255 * Copyright(c) 2006-2009 Ext JS, LLC
256 * licensing@extjs.com
257 * http://www.extjs.com/license
260 // Data for the grid config.
263 ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
264 ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
265 ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
266 ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
267 ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
268 ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
269 ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
270 ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
271 ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
272 ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
273 ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
274 ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
275 ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
276 ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
277 ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
278 ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
279 ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
280 ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
281 ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
282 ['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
283 ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
284 ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
285 ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
286 ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
287 ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
288 ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
289 ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
290 ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
291 ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']
295 * Custom function used for column renderer
296 * @param {Object} val
298 function change(val){
301 return '<span style="color:green;">' + val + '</span>';
303 return '<span style="color:red;">' + val + '</span>';
309 * Custom function used for column renderer
310 * @param {Object} val
312 function pctChange(val){
315 return '<span style="color:green;">' + val + '%</span>';
317 return '<span style="color:red;">' + val + '%</span>';
322 // create the data store
323 var store = new Ext.data.ArrayStore({
327 {name: 'price', type: 'float'},
328 {name: 'change', type: 'float'},
329 {name: 'pctChange', type: 'float'},
330 {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
334 // manually load local data
335 store.loadData(myData);
337 // There is only 1 grid config.
350 monitorWindowResize: false,
355 {id:'company',header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
356 {header: 'Price', width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
357 {header: 'Change', width: 75, sortable: true, renderer: change, dataIndex: 'change'},
358 {header: '% Change', width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
359 {header: 'Last Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
362 autoExpandColumn: 'company'