ExtJS4 API

1
Ext.util.HashMap
Ext.util.MixedCollection
用法的区别？适用场景？

排序:HashMap 无序    MixedCollection 有序
过滤:HashMap 不支持  MixedCollection 支持
事件:HashMap 支持    MixedCollection 支持

2
Ext.ComponentQuery
DOMQuery


组件查询：
CSS风格选择符:
.xtype
#id 或　#itemId
[attrName=attrValue]
{isDisabled()} : {成员表达式}
#myCt > panel :　直接子组件
...

DOM查询：
元素选择器:
* 任何元素
E HTML标签
E F 祖先节点为E的F节点
E > F or E/F 父节点为E的F节点
E + F 前一个兄弟节点为E的F节点
E ~ F 前面兄弟节点包含E的F节点

属性选择器:
E[foo] 　　　 存在
E[foo=bar] 　 等于
E[foo^=bar] 　始于bar
E[foo$=bar] 　终于bar
E[foo*=bar] 　包含bar
E[foo%=2] 　　偶节点
E[foo!=bar] 　不等于

伪类选择符:
E:first-child E is the first child of its parent
E:last-child E is the last child of its parent
E:nth-child(n) E is the nth child of its parent (1 based as per the spec)
E:nth-child(odd) E is an odd child of its parent
E:nth-child(even) E is an even child of its parent
E:only-child E is the only child of its parent
E:checked
E:first the first E in the resultset
E:last the last E in the resultset
E:nth(n) the nth E in the resultset (1 based)
E:odd shortcut for :nth-child(odd)
E:even shortcut for :nth-child(even)
E:contains(foo) E's innerHTML contains the substring "foo"
E:nodeValue(foo) E contains a textNode with a nodeValue that equals "foo"
E:not(S) an E element that does not match simple selector S
E:has(S) an E element that has a descendent that matches simple selector S
E:next(S) an E element whose next sibling matches simple selector S
E:prev(S) an E element whose previous sibling matches simple selector S
E:any(S1|S2|S2) an E element which matches any of the simple selectors S1, S2 or S3//\\

CSS 样式选择符:

E{display=none}
E{display^=none}
E{display$=none}
E{display*=none}
E{display%=2}
E{display!=none}

3.
Ext.Template
Ext.XTemplate

4
Ext.Ajax
Ext.Action

5.
Ext.AbstractComponent
Ext.container.AbstractContainer
Ext.panel.AbstractPanel
Ext.view.AbstractView
Ext.layout.Layout
Ext.data.AbstractStore
Ext.data.Model
Ext.data.proxy.Proxy

6.
Ext.app.Controller
Ext.app.Application
Ext.Loader

7.
类模板

Ext.define('Ext.ux.ClassTpl', {
	mixins: {
        observable: 'Ext.util.Observable'
    },
    
    // 定义类构造器
	constructor : function(config) {
		var me = this, config = config || {};
		
		// 1. 注册事件
		me.addEvents(
	            /**
	             * @event add
	             */
	            'add');
		
		// 织入事件处理功能
		me.mixins.observable.constructor.call(me, config);
		
		// 复制父类 Ext.Base属性
		me.callParent([config]);
	},
	
	// 定义方法
    add: function() {
        var me = this;
        
        // 2. 触发事件
        me.fireEvent('add', me);
        return;
    }
})

8.
...