Ext.grid.GridPanel动态列的设置

如图：数据中成绩是从数据库中读取出来的，现在想将成绩这一列作为多个动态的列显示出来，即每一科的成绩单独为一列该怎么做?这个是我现在的代码：function getDataPanel() {
var data_Panel = new Ext.grid.GridPanel({
id : 'data_Panel',
trackMouseOver : true,// 鼠标移到上面会高亮显示
border : false,
hidden : true,
stripeRows : true,
autoDestroy : false,
// collapsible : true,// 是否可以展开
animCollapse : false,// 展开时是否有动画效果
store : getSorceSheetStore(),
defaults : {
anchor : "100%",
padding : '5 5 5 5'
},
cm : new Ext.grid.ColumnModel({
defaluts : {
sortable : true,
width : 100
},
columns : [{
header : "段考",
dataIndex : 'semester',
width : 100,
renderer : function(value, cellmeta, record) {
var semester = record.get("semester");
var result = " ";
result += semester.year + '第' + (semester.index + 1) + '段考';
return result;
}
}, {
header : "分紙",
width : 100,
dataIndex : 'scoreSheet'
}, {
header : "成績",
width : 200,
dataIndex : 'score'
}]
}), viewConfig : {
forceFit : true
}
}); return data_Panel;
}function getSorceSheetStore() {
var scoreSheet_store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : '/erips/portfolio/srcs/getScoreSheet.htm',
baseParams : {
cmd : 'semesterId'
},
failure : function() {
Ext.Msg.alert("数据加载失败！请检查");
}
}),
reader : new Ext.data.JsonReader({
totalProperty : 'totalCount',
successProperty : 'success',
idProperty : 'id',
root : 'root'
}, [{
name : 'semester'
}, {
name : 'scoreSheet'
}, {
name : 'score'
}]),
writer : getWriter() });
return scoreSheet_store;
}