ext.grid的配置属性和方法

a) activeItem： 渲染布局时激活的子元素。
b) applyTo： 指定渲染对象。
c) autoDestroy：当容器的子元素从容器中移除时是否自动销毁。
d) autoExpandColumn：指定自动填充表格剩余区域的列id
e) autoExpandMax：可自动扩张的最大宽度。
f) autoExpandMin：可自动扩张的最小宽度
g) autoHeight: 自动扩充高度
h) autoShow： 是否自动显示
i) autoWidth： 自动扩充宽度
j) bbar/tbar： 底部/顶部状态栏
k) bufferResize：容器再布局的缓冲频率
l) colModel/cm: 列模式
m) cls：  组件的额外css格式。
n) collapsible: 是否显示快捷隐藏按钮
o) defaults：指定默认配置。
p) disableSelection：是否禁止选择表格行或列
q) enableDragDrop：是否允许表格列的拖放操作。
r) enableHdMenu：是否显示表格列的菜单。
s) frame：边框是否显示
t) loadMask: 是否显示加载动画
u) selModel/sm：表格选择模式
v) store:表格数据集
w) stripeRows：是否显示分隔线。
x) title：表格标题

方法

a) getColumnModel()：得到表格列模型
b) getGridEl():得到表格下的元素
c) getPosition():得到组件的当前位置，返回一个数组
d) getSelectionModel():得到选中模型
e) getSize():得到组件大小
f) getStore():得到组件的数据集
g) getView():得到表格的GridView对象。
h) hide():隐藏当前组件
i) isVisible():判断当前组件是否显示
j) setDisabled( Boolean):设置组件的可用性
k) un():解除组件的监听
l) on()：为组件添加监听
on ( String eventName, Function handler, [Object scope] )
eventName:添加监听的名称
handler:事件处理函数
scope:事件响应的作用域,包括scope,delay,single,buffer。

表格控件Grid的使用

EXT中的表格功能非常强大，包括排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等使用功能。我们首先介绍如何制作一个简单的 Grid。

1、创建表格的列信息：

var cm=new Ext.grid.ColumnModel([
     {header:'编号',dataIndex:'id'},
     {header:'名称',dataIndex:'name'},
     {header:'描述',dataIndex:'desn'}
 ]);

 

2、添加数据信息：

var data=[
      ['1','name1','desn1'],
      ['2','name1','desn1'],
      ['3','name1','desn1'],
      ['4','name1','desn1'],
      ['5','name1','desn1']
  ];

  

 

3、创建数据存储对象：

var ds=new Ext.data.Store({
      proxy:new Ext.data.MemoryProxy(data),
      reader:new Ext.data.ArrayReader({},[
          {name:'id'},
          {name:'name'},
          {name:'desn'}
      ])
  });
  ds.load();//这个相当的重要

 

4、表格的列模型定义好了，原始数据和数据的转换也已经完成，剩下的只需要把它们装配在一起，我们的Grid就创建成功了。

var grid=new Ext.grid.GridPanel({
     renderTo:"grid",
     store: ds,
     height:600,
     cm:cm
 });