function formetSex(value,meta,record,rowIndex,colIndex,store){
// alert("[" + rowIndex + "," + colIndex + "]");
// alert(record.data.name);
return value=="0"?"男":"女";
}
Ext.onReady(function(){
var fields = ["id","name","email","sex","age"];
// var data = [
// ["1","langsin1","langsin@langsin.com","0","20"],
// ["2","langsin2","langsin@langsin.com","0","22"],
// ["3","langsin3","langsin@langsin.com","0","21"],
// ["4","langsin4","langsin@langsin.com","0","23"],
// ["5","langsin5","langsin@langsin.com","0","241"]];
// var data = {
// metaData:{
// totalProperty:"total",
// root:"xx",
// fields:["id","name","email","sex","age"]
// },
// 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.Store({
// url:"user/grid-data.js",
// reader:new Ext.data.JsonReader({})
// });
// store.load();
var store = new Ext.data.Store({
autoLoad:true,
// url:"user/grid-data.xml",
proxy:new Ext.data.HttpProxy({url: "user/grid-data.xml"}),
reader:new Ext.data.XmlReader({id:"id",record:"row",totalRecords:"total"},fields)
});
// store.load();
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
sm,
{
header:"id",
dataIndex:"id",
menuDisabled:true
},{
header:"email",
dataIndex:"email"
},{
header:"姓名",
dataIndex:"name"
},{
header:"性别",
dataIndex:"sex",
renderer:formetSex
},{
header:"年龄",
dataIndex:"age",
sortable:true
}]);
var grid = new Ext.grid.GridPanel({
title:"grid列表显示示例",
width:600,
height:300,
cm:cm,
// sm:new Ext.grid.CellSelectionModel(),
sm:sm,
viewConfig:{
columnsText:"显示/隐藏列",
sortAscText:"正序排列",
sortDescText:"倒序排列"
},
// enableHdMenu:false,
store:store
});
grid.render(Ext.getBody());
});
// alert("[" + rowIndex + "," + colIndex + "]");
// alert(record.data.name);
return value=="0"?"男":"女";
}
Ext.onReady(function(){
var fields = ["id","name","email","sex","age"];
// var data = [
// ["1","langsin1","langsin@langsin.com","0","20"],
// ["2","langsin2","langsin@langsin.com","0","22"],
// ["3","langsin3","langsin@langsin.com","0","21"],
// ["4","langsin4","langsin@langsin.com","0","23"],
// ["5","langsin5","langsin@langsin.com","0","241"]];
// var data = {
// metaData:{
// totalProperty:"total",
// root:"xx",
// fields:["id","name","email","sex","age"]
// },
// 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.Store({
// url:"user/grid-data.js",
// reader:new Ext.data.JsonReader({})
// });
// store.load();
var store = new Ext.data.Store({
autoLoad:true,
// url:"user/grid-data.xml",
proxy:new Ext.data.HttpProxy({url: "user/grid-data.xml"}),
reader:new Ext.data.XmlReader({id:"id",record:"row",totalRecords:"total"},fields)
});
// store.load();
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
sm,
{
header:"id",
dataIndex:"id",
menuDisabled:true
},{
header:"email",
dataIndex:"email"
},{
header:"姓名",
dataIndex:"name"
},{
header:"性别",
dataIndex:"sex",
renderer:formetSex
},{
header:"年龄",
dataIndex:"age",
sortable:true
}]);
var grid = new Ext.grid.GridPanel({
title:"grid列表显示示例",
width:600,
height:300,
cm:cm,
// sm:new Ext.grid.CellSelectionModel(),
sm:sm,
viewConfig:{
columnsText:"显示/隐藏列",
sortAscText:"正序排列",
sortDescText:"倒序排列"
},
// enableHdMenu:false,
store:store
});
grid.render(Ext.getBody());
});