ext 的grid不在页面上显示

Question

Ext.onReady(function() {
         var viewport = new Ext.Viewport({
layout : "border",
items : [{
region : 'north',
contentEl : 'head'
}, {
region : 'center',
html : 'grid'
}, {
region : 'east',
html : 'form'
}, {
region : 'south',
contentEl : 'foot'
}]
});
var sexRenderer = function(value) {
if (value == 1) {
return "<span style='color:red;font-weight:bold;'>男</span>"; // 红色字体
} else if (value == 2) {
return "<span style='color:green;font-weight:bold;'>女</span>"; // 绿色字体
}
};
var StudentsRecord = Ext.data.Record.create([{
name : 'id',
type : 'int'
}, {
name : 'code',
type : 'string'
}, {
name : 'name',
type : 'string'
}, {
name : 'sex',
type : 'int'
}, {
name : 'age',
type : 'int'
}, {
name : 'political',
type : 'string'
}, {
name : 'origin',
type : 'string'
}, {
name : 'professional',
type : 'string'
}]);
var store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'list.jsp'
}),
reader : new Ext.data.JsonReader({
totalProperty : 'totalCount',
root : 'result'
}, StudentsRecord),
remoteSort : true
});
store.load({
params : {
start : 0,
limit : 15
}
});

var columns = new Ext.grid.ColumnModel([{
header : '学号',
dataIndex : 'code'
}, {
header : '姓名',
dataIndex : 'name'
}, {
header : '性别',
dataIndex : 'sex',
renderer : sexRenderer
}, {
header : '年龄',
dataIndex : 'age'
}, {
header : '政治面貌',
dataIndex : 'political'
}, {
header : '籍贯',
dataIndex : 'origin'
}, {
header : '所属系',
dataIndex : 'professional'
}]);
columns.defaultSortable = true;
// grid start
var grid = new Ext.grid.GridPanel({
title : '学生信息列表',
region:'center',
loadMask : true,
store : store,
cm : columns,
sm : new Ext.grid.RowSelectionModel({
singleSelect : true
}),
viewConfig : {
forceFit : true
},
bbar : new Ext.PagingToolbar({
pageSize : 15,
store : store,
displayInfo : true
})
});

Answer 1

Ext.onReady(function() {
  var viewport = new Ext.Viewport({
layout : "border",
items : [{
region : 'north',
contentEl : 'head'
}, {
region : 'center',
html : 'grid'
}, {
region : 'east',
html : 'form'
}, {
region : 'south',
contentEl : 'foot'
}]
});
这句话里面你就指定了内容了！
contentEl和html就是指定了内容了

Answer 2

那个grid显示了但是没数据能告诉我帮我下吗??