Ext表格控件和树控件

1. 表格控件

  1.2 可编辑的表格 EditorGridPannel

2与服务器交互

3. 数据存储 Store

  3.1 存放数据的类 Record

  3.2 Store 数据存储器

  3.3 DateReader 数据读取器

4 DataProxy 数据代理

5. 树控件 TreePanel

  5.2 事件处理

  5.3 树加载器 TreeLoader

  5.4 自定义 TreeLoader

1. 表格控件

1.1基本表格 GridPanel

 

ExtJS中的表格功能非常强大，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑

等实用功能。
  表格由类Ext.grid.GridPanel定义，继承自Panel，其xtype为grid。ExtJS中，表格Grid必须包含
列定义信息，并指定表格的数据存储器Store。表格的列信息由类Ext,grid.ColumnModel定义，而表格的

数据存储器由Ext.data.Store 定义， 数据存储器根据解析的数据不同分为JsonStore、SimpleStore、GroupinStore等。我们看一个简单的使用表格控件的代码：

Ext.onReady(function(){
  var data=[
    [1, '任务管理系统', '3D','www.renwu.com'],
    [2, 'Blog系统', 'BJT','www.blog.org'],
    [3, 'Ext管理系统', '3d','www.Extrw.com'],
    [4, '中流网', 'ZLW','www.zlweb.cn']
  ];
  var store=new Ext.data.SimpleStore({
    data:data,