extjs构造store 实例

最新推荐文章于 2018-04-12 14:04:00 发布

shanshu12

最新推荐文章于 2018-04-12 14:04:00 发布

阅读量1.2k

点赞数

分类专栏： ExtJS 文章标签： extjs header autoload stylesheet xhtml function

ExtJS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testGirdPanel</title>

Ext.onReady(function(){

//方法一
var _grid = new Ext.grid.GridPanel({
      height:200,
      renderTo:Ext.getBody(),
      colModel:new Ext.grid.ColumnModel([{
       header:'姓名'
      },
      {
       header:'年龄'
      },
      {
       header:'性别'
      }
      ]),
      store: new Ext.data.Store({
       proxy: new Ext.data.MemoryProxy([['hjl','24','男'],['mm','23','女']]),
       reader:new Ext.data.ArrayReader({},['name','age','sex']),
       autoLoad:true
      })

})

//方法二分开写

/* var _proxy = new Ext.data.MemoryProxy([['hjl','24','男'],['mm','23','女']]);

var _reader = new Ext.data.ArrayReader(
      {},
      Ext.data.Record.create(['name','age','sex'])
      );

var _grid = new Ext.grid.GridPanel({
      height:200,
      renderTo:Ext.getBody(),
      cm:new Ext.grid.ColumnModel([{
       header:'姓名'
      },
      {
       header:'年龄'
      },
      {
       header:'性别'
      }
      ]),
      store: new Ext.data.Store({
       proxy:_proxy,
       reader:_reader,
       autoLoad:true
      })
     })*/