如何创建Grid

//JS入口 

Ext.onReady(function(){

//创建表格的数据

var data=[

          ['1','name1','descn1'],  

          ['2','name2','descn2'],

          ['3','name3','descn3'],

          ['4','name4','descn4'],

          ['5','name5','descn5']

          ];

//指定数据字段

var store=new Ext.data.Store({

                 proxy:new Ext.data.MemoryProxy(data),  //获取数据的方式

                 reader:new Ext.data.ArrayReader({},[    //ArrayReader解析数组

                 {name:'id'},

                 {name:'name'},

                 {name:'descn'}

                 ])

          });

          store.load();//数据初始化

//创建Grid对象

var grid=new Ext.grid.GridPanel({

                  autoHeight:true,

                  renderTo:'grid',  //要渲染的地方

                  enableColumnMove:false,//设置是否可以拖放列

                  enableColumnResize:false,//设置是否可以改变列的大小

                  stripeRows:true,//斑马线效果 

                  store:store,

                  cm:cm,

                  autoExpandColumn:'descn', //可以制定列的宽度自动伸展。只能制定一列的id

                  viewConfig:{

                          forceFit:true   //每列自动充满Grid

                          }

                });



posted @ 2011-10-20 10:09  坏小子小明  阅读(219)  评论(0编辑  收藏  举报