总结2
Ext.onReady(function(){
/*alert("我是中国人！");
Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
if (btn == 'ok'){
// process text value and close...
}
});*/
var simpsonsStore = Ext.create('Ext.data.Store', {
//storeId:'simpsonsStore',
fields:['userName', 'target1', 'score1', 'target2', 'score2', 'target3', 'score3', 'target4', 'score4'],
data:{'items':[
{ 'userName': 'Lisa', "target1":"1", "score1":"2", "target2":"3", "score2":"4", "target3":"5", "score3":"6", "target4":"7", "score4":"8" },
{ 'userName': 'Bart', "target1":"[email protected]", "score1":"555-222-1234" },
{ 'userName': 'Homer', "target1":"[email protected]", "score1":"555-222-1244" },
{ 'userName': 'Marge', "target1":"[email protected]", "score1":"555-222-1254" }
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});
var myColumns = [{
text: '一级领域',//这个就是合并的
columns: [{
text : '二级领域',
columns: [{
text : '专家/准专家',
columns: [{
text : '姓名' ,
dataIndex: 'userName'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target1'
},{
text : '现状' ,
dataIndex: 'score1'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target2'
},{
text : '现状' ,
dataIndex: 'score2'
}]
}]
}]
},{
text: '数据库',//这个就是合并的
columns: [{
text : '开源数据库',
columns: [{
text : 'lipeng' ,
columns: [{
text : '目标' ,
dataIndex: 'target3'
},{
text : '现状' ,
dataIndex: 'score3'
}]
}]
},{
text : '商业数据库',
columns: [{
text : 'huziran',
columns: [{
text : '目标' ,
dataIndex: 'target4'
},{
text : '现状' ,
dataIndex: 'score4'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target5'
},{
text : '现状' ,
dataIndex: 'score5'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target6'
},{
text : '现状' ,
dataIndex: 'score6'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target7'
},{
text : '现状' ,
dataIndex: 'score7'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target8'
},{
text : '现状' ,
dataIndex: 'score8'
}]
}]
}]
}];
var grid = Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
//store: Ext.data.StoreManager.lookup('simpsonsStore'),
store : simpsonsStore,
border : "10 5 3 10",
/*initComponent: function() {
this.columns = [];
this.callParent();
},*/
columns : myColumns,
/*columns : [{
text: '一级领域',//这个就是合并的
columns: [{
text : '二级领域',
columns: [{
text : '专家/准专家',
columns: [{
text : '姓名' ,
dataIndex: 'userName'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target1'
},{
text : '现状' ,
dataIndex: 'score1'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target2'
},{
text : '现状' ,
dataIndex: 'score2'
}]
}]
}]
},{
text: '数据库',//这个就是合并的
columns: [{
text : '开源数据库',
columns: [{
text : 'lipeng' ,
columns: [{
text : '目标' ,
dataIndex: 'target3'
},{
text : '现状' ,
dataIndex: 'score3'
}]
}]
},{
text : '商业数据库',
columns: [{
text : 'huziran',
columns: [{
text : '目标' ,
dataIndex: 'target4'
},{
text : '现状' ,
dataIndex: 'score4'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target5'
},{
text : '现状' ,
dataIndex: 'score5'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target6'
},{
text : '现状' ,
dataIndex: 'score6'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target7'
},{
text : '现状' ,
dataIndex: 'score7'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target8'
},{
text : '现状' ,
dataIndex: 'score8'
}]
}]
}]
}],*/
height: 200,
/*width: 2000,*/
renderTo: Ext.getBody()
});
/*grid.reconfigure(simpsonsStore,myColumns);
grid.show(Ext.getBody());*/
});
/*alert("我是中国人！");
Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
if (btn == 'ok'){
// process text value and close...
}
});*/
var simpsonsStore = Ext.create('Ext.data.Store', {
//storeId:'simpsonsStore',
fields:['userName', 'target1', 'score1', 'target2', 'score2', 'target3', 'score3', 'target4', 'score4'],
data:{'items':[
{ 'userName': 'Lisa', "target1":"1", "score1":"2", "target2":"3", "score2":"4", "target3":"5", "score3":"6", "target4":"7", "score4":"8" },
{ 'userName': 'Bart', "target1":"[email protected]", "score1":"555-222-1234" },
{ 'userName': 'Homer', "target1":"[email protected]", "score1":"555-222-1244" },
{ 'userName': 'Marge', "target1":"[email protected]", "score1":"555-222-1254" }
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});
var myColumns = [{
text: '一级领域',//这个就是合并的
columns: [{
text : '二级领域',
columns: [{
text : '专家/准专家',
columns: [{
text : '姓名' ,
dataIndex: 'userName'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target1'
},{
text : '现状' ,
dataIndex: 'score1'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target2'
},{
text : '现状' ,
dataIndex: 'score2'
}]
}]
}]
},{
text: '数据库',//这个就是合并的
columns: [{
text : '开源数据库',
columns: [{
text : 'lipeng' ,
columns: [{
text : '目标' ,
dataIndex: 'target3'
},{
text : '现状' ,
dataIndex: 'score3'
}]
}]
},{
text : '商业数据库',
columns: [{
text : 'huziran',
columns: [{
text : '目标' ,
dataIndex: 'target4'
},{
text : '现状' ,
dataIndex: 'score4'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target5'
},{
text : '现状' ,
dataIndex: 'score5'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target6'
},{
text : '现状' ,
dataIndex: 'score6'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target7'
},{
text : '现状' ,
dataIndex: 'score7'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target8'
},{
text : '现状' ,
dataIndex: 'score8'
}]
}]
}]
}];
var grid = Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
//store: Ext.data.StoreManager.lookup('simpsonsStore'),
store : simpsonsStore,
border : "10 5 3 10",
/*initComponent: function() {
this.columns = [];
this.callParent();
},*/
columns : myColumns,
/*columns : [{
text: '一级领域',//这个就是合并的
columns: [{
text : '二级领域',
columns: [{
text : '专家/准专家',
columns: [{
text : '姓名' ,
dataIndex: 'userName'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target1'
},{
text : '现状' ,
dataIndex: 'score1'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target2'
},{
text : '现状' ,
dataIndex: 'score2'
}]
}]
}]
},{
text: '数据库',//这个就是合并的
columns: [{
text : '开源数据库',
columns: [{
text : 'lipeng' ,
columns: [{
text : '目标' ,
dataIndex: 'target3'
},{
text : '现状' ,
dataIndex: 'score3'
}]
}]
},{
text : '商业数据库',
columns: [{
text : 'huziran',
columns: [{
text : '目标' ,
dataIndex: 'target4'
},{
text : '现状' ,
dataIndex: 'score4'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target5'
},{
text : '现状' ,
dataIndex: 'score5'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target6'
},{
text : '现状' ,
dataIndex: 'score6'
}]
}]
}]
},{
text: '操作系统',//这个就是合并的
columns: [{
text : 'windows',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target7'
},{
text : '现状' ,
dataIndex: 'score7'
}]
}]
},{
text : 'linux',
columns: [{
text : 'guanhuacheng',
columns: [{
text : '目标' ,
dataIndex: 'target8'
},{
text : '现状' ,
dataIndex: 'score8'
}]
}]
}]
}],*/
height: 200,
/*width: 2000,*/
renderTo: Ext.getBody()
});
/*grid.reconfigure(simpsonsStore,myColumns);
grid.show(Ext.getBody());*/
});