EXT中GRID的小例子

闲的没事，做个Ext中Grid的例子，有数组的形式、JSON的形式、XML形式，都有例子。直接下载后直接部署到你的服务器上就可以看了：

 

 

 

 

 

 

GridJson = Ext.extend(Ext.grid.GridPanel, {
 constructor : function() {
  GridJson.superclass.constructor.call(this, {
   title : "grid列表示例",
   width : 520,
   height : 170,
   renderTo : new Ext.getBody(),
   cm : new Ext.grid.ColumnModel([{
    header : "id",
    dataIndex : "id"
   }, {
    header : "email",
    dataIndex : "email"
   }, {
    header : "姓名",
    dataIndex : "name"
   }, {
    header : "性别",
    dataIndex : "sex"
   }, {
    header : "年龄",
    dataIndex : "age"
   }]),
   store : new Ext.data.JsonStore({
    id : "id",
    fields : ["id", "email", "name", "sex", "age"],
    data :[{
        id:"1",
        name:"小桃红",
        email:"xiaohong@163.com",
        sex:"0",
        age:"20"
    }, {
        id:"2",
        name:"李凯",
        email:"laikai@163.com",
        sex:"0",
        age:"22"
    }, {
        id:"3",
        name:"江明",
        email:"jiangming@163.com",
        sex:"0",
        age:"21"
    }, {
        id:"4",
        name:"齐鲁",
        email:"qilu@163.com",
        sex:"0",
        age:"24"
    }, {
        id:"5",
        name:"小刚",
        email:"xiaogang@163.com",
        sex:"0",
        age:"29"
    }]
   })
  });
 }
});