ExtJs中的grid不正常，debug显示源码中没有定义某个方法
如下是一段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> <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>
