extjs grid的一个范例

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());
   


});