首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Grid初识5

2012-11-13 
Grid初识五function formetSex(value,meta,record,rowIndex,colIndex,store){//alert([ + rowIndex + ,

Grid初识五
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 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());
});

热点排行