中文教程

Ext.widgets-grid(1)

Ext.grid.ColumnModel
用于定义Grid的列
用例
var colModel = new Ext.grid.ColumnModel([
    {header: "Ticker", width: 60, sortable: true},
    {header: "Company Name", width: 150, sortable: true}
    ]);

Ext.widgets-Tree

Ext.tree.TreePanel
树状控件,继承自panel

config定义{
animate : Boolean,
containerScroll : Boolean,
ddAppendOnly : String, /*很显然这是api的一个错误,treepanel.js中惟一用到它的地方是this.dropZone = new            Ext.tree.TreeDropZone(this, this.dropConfig || {

Ext.widgets-menu

Ext.menu.Menu
菜单对象

config{
    allowOtherMenus : Boolean    //允许同时显示其它的菜单?
    defaultAlign : String        //默认对齐方式:tl-bl?
    defaults : Object        //默认的菜单项配置,将会应用到所有的items
    items : Mixed    //菜单项数组

Ext.widgets-toolbar

Ext.Toolbar
工具栏,使用起来很简单,add已准备好的元素就行

方法
Toolbar( Object/Array config )
构造

add( Mixed arg1, Mixed arg2, Mixed etc. ) : void
增加元素
可以是
1:Ext.Toolbar.Button            相当于addButton

Ext.widgets-form(下) ComboBox, TimeField, DateField, TriggerField, TextArea, NumberField

Ext.form.NumberField
继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件

config定义为{
    allowDecimals : Boolean    //true
    allowNegative : Boolean    //true
    baseChars : String    //'0123456789'
    decimalPrecision : Number    //精度,默认值2
    decimalSeparator : String    //小数分隔符
    fieldClass : String    //默认样式为x-form-field x-form-num-field
    maxText : String
    maxValue : Number    //默认Number.MAX_VALUE

Ext.widgets-form(上)BasicForm/ Field/ Checkbox/ Radio/ HtmlEditor/ TextField

Ext.form.BasicForm
对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式
var myForm = new Ext.form.BasicForm("form-el-id", {
        onSubmit: Ext.emptyFn,
        submit: function() {
            this.getEl().dom.submit();

Ext.widgets-Button,SplitButton,CycleButton

Ext.Action
action实现一个脱离了容器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and setHandler(function)

方法:

Ext.data-Tree/ Node

Ext.data.Tree
继承自Observable,用于存放树装的数据结构

方法
Tree( [Node root] )
以root为根构造Ext.data.Tree对象

getNodeById( String id ) : Node
由指定id得到节点

getRootNode() : Node
得到根节点,由属性root得到更方便

Ext.data-GroupingStore/ JsonStore/ SimpleStore

Ext.data.GroupingStore
继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息
增加了配置属性
groupField : String//用于分组的字段
groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假

Ext.data-Store

Ext.data.Store
store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表

方法:不列举继承来的方法
Store( Object config )
构造,config定义为{
 autoLoad : Boolean/Object,    //自动载入

Ext.data-DataReader/ArrayReader/JsonReader/XmlReader

Ext.data.DataReader
纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,
具有如下格式
{
totalRecord:int,
records:Array of Ext.data.Record
}
具体使用参见三个子类

Ext.data-DataProxy/ HttpProxy/ MemoryProxy/ ScriptTagProxy

Ext.data.DataProxy
数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公开的属性和方法,只是归定子类需要处理三个事件
beforeload : ( Object This, Object params )
load : ( Object This, Object o, Object arg )
loadexception : ( Object This, Object o, Object arg, Object e )

Ext.data- Connection/Ajax/Record

Ext.data.Connection
访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)

Connection( Object config )
构造,config定义为{
 autoAbort : Boolean,
 defaultHeaders : Object,
 disableCaching : Boolean,

Ext类关系草图

 
点击这里查看大图

作者姓名:blackant2
作者博客:http://blog.csdn.net/blackant2

EXT核心API详解(七)-Ext.KeyNav / KeyMap / JSON / Format / DelayedTask / TaskRunner / TextMetrics / XTemplate

Ext.KeyNav
Ext的keyNav类能为Ext.Element元素提供简单的按键处理方法
例:
var el=Ext.get("textarea");
new Ext.KeyNav(el, {
    "left" : function(e){
        alert("left key down");
        },
    scope : el
    }
);

EXT核心API详解(六)-Ext.Fx

Ext.Fx类
对于我这样的懒鬼而言,Fx类是核心类库中最激动人心的一个类,它不是最重要的,却是最实用的一个类
定义了一些常用的特效方法,不妨自己多动手试试下面的方法,很有趣的

fadeIn( [Object options] ) : Ext.Element
渐显 options参数有以下属性

EXT核心API详解(五)-Ext.EventManager/ EventObject/ CompositeElement/ CompositeElementLite

Ext.EventManager
事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理


addListener( String/HTMLElement el, String eventName, Function handler,
on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Object options] ) : void

EXT核心API详解(四)-Ext.DomQuery/DomHelper/Template

Ext.DomQuery类
selector语法详见Ext类

compile( String selector, [String type] ) : Function
编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一

filter( Array el, String selector, Boolean nonMatches ) : Array

EXT核心API详解(三)-Ext.Element

Ext.Element类



Element( String/HTMLElement element, [Boolean forceNew] )

由id或DOM节点创建Element对象



Element.fly( String/HTMLElement el, [String named] ) : Element

由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突



Element.get( Mixed el ) : Element

EXT核心API详解(二)-Array/Date/Function/Number/String

Array类

indexOf( Object o ) : Number

object是否在数组中,找不到返回-1;找到返回位置

remove( Object o ) : Array

从数组中删除指定的对象object,如果找不到object则数组无变化



Number类

constrain( Number min, Number max ) : Number