日期:2014-05-16  浏览次数:20442 次

extjs grid的一个实例


Ext.onReady(function(){
?
???
???
??? var data = [["id1","name1","email1","sex1","age1"],
??? ??? ??? ??? ["id2","name2","email2","sex2","age2"],
??? ??? ??? ??? ["id3","name3","email3","sex3","age3"],
??? ??? ??? ??? ["id4","name4","email4","sex4","age4"],
??? ??? ??? ??? ["id5","name5","email5","sex5","age5"]
???????????? ];
???
??? var fields = ["id","name","email","sex","age"];
???
??? //var render = new Ext.data.Record();
???
???
??? var cm = new Ext.grid.ColumnModel([{
???
??? ??? header:"id",
??? ??? dataIndex:"id"
??? },{
???
??? ??? header:"name",
??? ??? dataIndex:"name"
??? },{
???
??? ??? header:"email",
??? ??? dataIndex:"email"
??? },{
???
??? ??? header:"sex",
??? ??? dataIndex:"sex"
??? },{
???
??? ??? header:"age",
??? ??? dataIndex:"age"
??? }]) ;
???
???
??? var store = new Ext.data.SimpleStore({
???
??? ??? fields:fields,
??? ??? data:data
??? });
???
??? var grid = new Ext.grid.GridPanel({
??? ?
??? ??? title:"title",
??? ??? height:800,
??? ??? cm:cm,
??? ??? store:store
???
??? });
???
???
//??? var viewport = new Ext.Viewport({
//??? ?
//??? ??? id:'desk',
//??? ??? layout:'border',
//??? ??? items:[{region:"north",height:50},
//??? ??? ??? {region:"west",width:200},
//??? ??? ??? ??? {region:"center"}],
//??? ??? ???
//??? })
???
??? grid.render(Ext.getBody());
???


});