ExtJs中的grid不正常，debug显示源码中没有定义某个方法

Question

如下是一段extjs的grid功能实现代码，但是运行不出来，用google浏览器debug之后显示
Uncaught TypeError: Cannot call method 'getProxy' of undefined <script type="text/javascript">
Ext.onReady(function () {
var myData = [['Apple', 29.89, 0.24, 0.81, '9/1 12:00am'], 
['Ext', 83.81, 0.28, 0.34, '9/12 12:00am'],
['Google', 71.72, 0.02, 0.03, '10/1 12:00am'],
['Microsoft', 52.55, 0.01, 0.02, '7/4 12:00am'], 
['Yahoo!', 29.01, 0.42, 1.47, '5/22 12:00am']];
var myReader = new Ext.data.ArrayReader({}, [{
name : 'company'
}, {
name : 'price',
type : 'float'
}, {
name : 'change',
type : 'float'
}, {
name : 'pctChange',
type : 'float'
}, {
name : 'lastChange',
type : 'date',
dateFormat : 'n/j h:ia'
}
]);
var grid = new Ext.grid.GridPanel({
store : new Ext.data.Store({
data : myData,
reader : myReader
}),
columns : [{
header : "Company",
width : 120,
sortable : true,
dataIndex : 'company'
}, {
header : "Price",
width : 90,
sortable : true,
dataIndex : 'price'
}, {
header : "Change",
width : 90,
sortable : true,
dataIndex : 'change'
}, {
header : "% Change",
width : 90,
sortable : true,
dataIndex : 'pctChange'
}, {
header : "Last Updated",
width : 120,
sortable : true,
renderer : Ext.util.Format.dateRenderer('m/d/Y'),
dataIndex : 'lastChange'
}
],
viewConfig : {
forceFit : true
},
renderTo : 'content',
title : 'My First Grid',
width : 500,
frame : true
});
grid.getSelectionModel().selectFirstRow();
});
  </script>extjsgrid

Answer 1

<script type="text/javascript">
 Ext.onReady(function () {
 var myData = [
 ['Ext', 83.81, 0.28, 0.34, '9/12 12:00am'],
 ['Google', 71.72, 0.02, 0.03, '10/1 12:00am'],
 ['Microsoft', 52.55, 0.01, 0.02, '7/4 12:00am'], 
 ['Yahoo!', 29.01, 0.42, 1.47, '5/22 12:00am']
 ];
var Umodel=Ext.define('Umodel', {
    extend: 'Ext.data.Model',
    fields:[
 {
 name : 'company'
 }, {
 name : 'price',
 type : 'float'
 }, {
 name : 'change',
 type : 'float'
 }, {
 name : 'pctChange',
 type : 'float'
 }, {
 name : 'lastChange',
 type : 'date',
 dateFormat : 'n/j h:ia'
 }
 ]
}); var myReader = new Ext.data.ArrayReader({ model: 'Umodel'},Umodel);
 var grid = new Ext.grid.GridPanel({
 store : new Ext.data.Store({
 model:'Umodel',//需要model
     data : myData,
     reader : myReader
 }),
 
 columns : [{
 header : "Company",
 width : 120,
 sortable : true,
 dataIndex : 'company'
 }, {
 header : "Price",
 width : 90,
 sortable : true,
 dataIndex : 'price'
 }, {
 header : "Change",
 width : 90,
 sortable : true,
 dataIndex : 'change'
 }, {
 header : "% Change",
 width : 90,
 sortable : true,
 dataIndex : 'pctChange'
 }, {
 header : "Last Updated",
 width : 120,
 sortable : true,
 renderer : Ext.util.Format.dateRenderer('m/d/Y'),
 dataIndex : 'lastChange'
 }
 ],
 viewConfig : {
 forceFit : true
 },
 renderTo :Ext.getBody(),
 title : 'My First Grid',
 width : 500
// frame : true
 });
 //grid.getSelectionModel().selectFirstRow();
 });
   </script>