Ext.onReady(function(){
var fields = ["id","name","email","sex","age"];
//JsonData
var data = {total:100,xx:[{
id:"1",
name:"langsin1",
email:"langsin@langsin.com",
sex:"0",
age:"20"
},{
id:"2",
name:"langsin2",
email:"langsin@langsin.com",
sex:"0",
age:"21"
},{
id:"3",
name:"langsin3",
email:"langsin@langsin.com",
sex:"0",
age:"22"
},{
id:"4",
name:"langsin4",
email:"langsin@langsin.com",
sex:"0",
age:"23"
},{
id:"5",
name:"langsin5",
email:"langsin@langsin.com",
sex:"0",
age:"24"
}]};
var store = new Ext.data.JsonStore({
id:"id",
data:data,
fields:fields,
root:"xx"
// reader:new Ext.data.JsonReader({id:"id",root:"xx",totalProperty:"total"},fields)
});
var cm = new Ext.grid.ColumnModel([{
header:"id",
dataIndex:"id"
},{
header:"email",
dataIndex:"email"
},{
header:"姓名",
dataIndex:"name"
},{
header:"性别",
dataIndex:"sex"
},{
header:"年龄",
dataIndex:"age"
}]);
var grid = new Ext.grid.GridPanel({
title:"grid列表显示示例",
width:600,
cm:cm,
store:store
});
grid.render(Ext.getBody());
});
var fields = ["id","name","email","sex","age"];
//JsonData
var data = {total:100,xx:[{
id:"1",
name:"langsin1",
email:"langsin@langsin.com",
sex:"0",
age:"20"
},{
id:"2",
name:"langsin2",
email:"langsin@langsin.com",
sex:"0",
age:"21"
},{
id:"3",
name:"langsin3",
email:"langsin@langsin.com",
sex:"0",
age:"22"
},{
id:"4",
name:"langsin4",
email:"langsin@langsin.com",
sex:"0",
age:"23"
},{
id:"5",
name:"langsin5",
email:"langsin@langsin.com",
sex:"0",
age:"24"
}]};
var store = new Ext.data.JsonStore({
id:"id",
data:data,
fields:fields,
root:"xx"
// reader:new Ext.data.JsonReader({id:"id",root:"xx",totalProperty:"total"},fields)
});
var cm = new Ext.grid.ColumnModel([{
header:"id",
dataIndex:"id"
},{
header:"email",
dataIndex:"email"
},{
header:"姓名",
dataIndex:"name"
},{
header:"性别",
dataIndex:"sex"
},{
header:"年龄",
dataIndex:"age"
}]);
var grid = new Ext.grid.GridPanel({
title:"grid列表显示示例",
width:600,
cm:cm,
store:store
});
grid.render(Ext.getBody());
});