学习ExtJs

beforeload : ( Object this, Object params )
在一个获取数据对象的网络请求被发出之前触发。

beforeload : ( Store this, Object options )
在提交新的数据请求之前触发。 如果beforeload事件的处理器返回false，加载操作将被撤销。

load : ( Object this, Object o, Object arg )
在load方法的回调函数被调用之前触发。

load : ( Store this, Ext.data.Record[] records, Object options )
在加载完新的记录集时触发。

load( Object options ) : Boolean
使用配置的Reader从Proxy中加载Record缓存。

load( Object params, Ext.data.DataReader) reader, Function callback, Object scope, Object arg ) : void
从指定的数据源加载数据（在这种情况下，一个已经在内存中的数据对象被传递到构造器）…

proxy : Ext.data.DataProxy
Proxy对象，提供访问数据对象的方法。

reader : Ext.data.DataReader
DataReader对象，它处理数据对象并返回Ext.data.Record对象数组， Ext.data.Record使用它的id作为键值被缓存。

on( String eventName, Function handler, [Object scope], [Object options] ) : void
为此元素添加一个事件处理器(addListener方法的简写)。

loadexception : ( Object this, Object options, Object response, Error e )
当Proxy加载数据的过程中出现异常是触发此事件。该事件可以有两种原因被触发…

JsonReader
Create a new JsonReader

fields : Array
要么是一个字段定义对象，就像传递到 Ext.data.Record.create 的一样

fields : Array
字段定义对象数组，或者字段名称字符串。

baseParams : Object
一个包含属性的对象，它可以用作HTTP请求的参数。 该属性可以在创建Store之后改变，并可以设置成不同的参数。

root : Node
树的根节点

CheckboxSelectionModel
一个特定的选择模型，它将渲染一列复选框，可以用来选择或反选多行数据。

Ext.grid.GridPanel
这个类表述了那些基于数据表格控制的组件会使用的主要接口.

id : String
组件唯一的id(默认值为一个自动生成的id)。

renderTo : Mixed
该值可以是一个节点的id、一个DOM节点或者一个已存在的元素， 组件将会被渲染到其中…

columns : Array
一个包含了列定义的数组,用于自动创建ColumnModel

stripeRows : Boolean
True表示使用不同颜色间隔行，默认为false.

loadMask : Object
Ext.LoadMask的配置或者true表示在加载数据时使用mask(默认值为 false).

bbar : Object/Array
panel底部的工具栏。 可以是 Ext.Toolbar 对象…

frame : Boolean
如果为true，panel具有全部阴影（译者注：指在panel的整个body区域全部填充背景）。 否则只在四周渲染一个1像素的边框(默认值为 false).。

viewConfig : Object
一个用于gird ui 视图的配置对象.Ext.grid.GridView中所有的配置项都可以设置…

forceFit : true
要自己去计算每列的宽度，如果想让每列自动填满Grid,只需要viewConfig中的forceFit即可

Ext.PagingToolbar
一个特殊的工具条，可以绑定到一个 Ext.data.Store ，提供自动分页控制。

pageSize : Number
每页显示的记录数(默认值为 20)

store : Ext.data.Store
被分页工具条用作数据源的Ext.data.Store (必须)。

displayInfo : Boolean
设置为true将显示displayMsg (默认值为 false)

displayMsg : String
显示的分页状态信息 (默认值为 “Displaying {0} - {1} of {2}”)…

emptyMsg : String
在没有找到记录时显示的信息(默认值为 “No data to display”)

Ext.grid.RowNumberer
这是一个工具类，可以作为一个column config传递给一个 Ext.grid.ColumnModel ，以提供一个自动显示行号的列。
var colModel = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
{header: “Name”, width: 80, sortable: true},
{header: “Code”, width: 50, sortable: true},
{header: “Description”, width: 200, sortable: true}
]);

var cm = [ new Ext.grid.RowNumberer(),
{header: “Name”, width: 80, sortable: true},
{header: “Code”, width: 50, sortable: true},
{header: “Description”, width: 200, sortable: true}

方法RowNumberer()

（1）
什么store？
Store类似于一个本地仓库(即数据存储器),包括有 ArrayStore,DirectStore,GroupingStore,JsonStore,XmlStore(都是store的子类)

（2）
Store至少由Proxy（数据源）和Reader（解读数据）组成。
一.(Proxy)数据源：一般是后台的值，习惯性的把它转换成json对象给store(注：个人理解)
二.(Reader)读取数据：获得了数据后需要解析数据，Reader(fields属性其实是Record对象的)解析数据并指定格式.

（3）
store中重要的属性和方法
属性：data、proxy、reader、url、root remoteSort listeners…
方法：load

（4）
关于Ext的排序问题，一般涉及到两种方式。

A。一种是默认的客户端排序机制，对当前页进行排序。sortable
1.可以在Ext.grid.ColumnModel列模式中，设置sortable:false，此列为可排序。

B。进行服务器端全局排序方式。remoteSort
这种排序方式，大家都知道，但是不一定能用好，需要一下几个步骤，少一个都不行。

1.数据集Ext.data.Store中设置参数：remoteSort: true

2.列模式Ext.grid.ColumnModel中需要进行全局排序的列中加入参数：remoteSort: true

3.后台组合数据集的方法中，

通过：String sort= request.getParameter("sort");//要排序的列名--无需定义，ext自动后传
      String dir= request.getParameter("dir");//要排序的方式--无需定义，ext自动后传

（5）
Extjs listeners用法

listeners表示监听一个鼠标或者键盘事件。
举例说明：
Ext.create(‘Ext.button.Button’,{
text:‘click’,
listeners:{click:function(){
alert(‘hellow’)
}}
})
})根据不同的控件有不同的事件
以上监听一个button的click事件，只要click触发，就弹出hellow字样。