ExtJS，学习笔记

ExtJS 4.2.1 正式版 下载，下载后解压。
需要用到的：1、整个resources文件夹；2、ext-all.js或ext-all-debug.js；3、ext-lang-zh_CN.js。
在HTML的页面中，需要加如下几行代码，来引入ExtJS：

<link type="text/css" rel="stylesheet" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>

ExtJS提供了一个命名空间（Ext），所有的方法，类等，都位于其下。
Ext.onReady/Ext.LoaderonReady(fn, [scope], [options])，监听页面加载完成。
Ext.defer/Ext.defer.Function(fn, millis, [scope], [args], [appendArgs])，指定延迟执行的函数。
Ext.apply(object, config, [defaults])/Ext.applyIf(object, config)，复制对象属性。
Ext.define/Ext.ClassManager.create(className, data, [createdFn])，定义类。
Ext.create([name], [args])，创建对象（名称，参数），功能同new关键字。
Ext.isXXX/isString/isNumber/isFunction/isEmpty/isDefined，判断真假。
Ext.each/Ext.Array.each(iterable, fn, [scope], [reverse])，遍历数组。
Ext.iterate/Ext.Object.each(object, fn, [scope])，遍历对象的属性。
Ext.namespace(ns)，创建命名空间。

Ext.Array扩展了JS的数组，提供了很多工具方法（sum/max/min/mean/union/intersect等）。
Ext.Date扩展了JS的Date日期，提供了很多工具方法（format/add/subtract/between等）。
Ext扩展的还有：Number/String/Object/Function等；及JSON支持（decode/encode等）。

ExtJS对DOM操作（获取元素并动态修改），进行了简化。
ExtJS使用Ext.dom.Element对DOM元素进行封装，它继承了Ext.fx.Anim，方便为DOM元素新增动画效果。
Ext.get/Ext.dom.Element.get(ele)/Ext.getDoc/getHead/getBody，获取DOM元素对应的Ext.dom对象。
Ext.fly等同Ext.get，fly为flyweight，即蝇量模式或享元模式，为了更好的节约内存开销而设计。
Ext.select/Ext.Element.select( selector, [unique] )，批量选择，返回Ext.dom.CompositeElement。
Ext.query/Ext.dom.Query.select(path, [root], [type], [single])，批量选择，返回HTMLElement[]。
它们都基于CSS3选择器（元素选择符，属性选择符，类选择符，伪类选择符，CSS值选择符等）。
Ext.dom.Element：hide/show/setVisible/setSize/setWidth/setHeight/setLeft/setTop/setX/setY/center等。
插入方法：createChild/appendChild/appendTo/insertAfter/insertBefore/insertFirst/insertHtml/insertSibling等。
Ext.DomHelper.append/insertAfter/insertBefore/instertFirst/insertHtml/overwrite/createDom/createTemplate等。
Ext.Template.append/insertAfter/insertBefore/instertFirst/overwrite等，它们俩也能用于简化DOM操作。

Ext.fx.Anim，用于补间（Tween）动画；Ext.fx.Animator，用于关键帧（KeyFrame）动画。
Ext.fx.Anim.alternate/target/delay/duration/easing/iterations/keyframes/reverse/from/to/callback等。
Ext.fx.Animator.target/delay/duration/easing/iterations/keyframes等。
Ext.util.Animate.animate(Ext.fx.Anim)/stopAnimation等。

Ext.EventManager管理事件处理函数，Ext.EventObject事件对象。
Ext.EventManager.on/addListener(el, eventName, handler, [scope], [options])，添加事件处理函数。
Ext.EventManager.un/removeListener(el, eventName, handler, [scope], [options])，删除事件处理函数。
Ext.EventManager.getId/getPageX/getPageY/getTarget/onDocumentReady/onWindowResize/preventDefault等。
Ext.on/Ext.util.Observable.addListener(eventName, [fn], [scope], [options])，添加事件处理函数。
Ext.util.HashMap/MixedCollection/Cookies/DelayedTask/ClickRepeater/TaskManager/KeyMap等工具。

Ext.dd.DDProxy/Ext.dd.DD/Ext.dd.DragDrop(id, sGroup, config) ，可将指定元素创建成可拖放元素。
Ext.dd.DragSource(el, [config])，拖放源；Ext.dd.DropTarget(id, sGroup, [config])，拖放目标。
Ext.dd.DragZone(el, [config])，批量拖放源；Ext.dd.DropZone(id, [config])，批量拖放目标。

Ext.data.Connection，提供简单的AJAX支持；Ext.Ajax单例对象（request/upload）。


Ext.Component，是UI组件的基类；其子类Ext.container.Container，是基本的容器类。
常用组件：Ext.button.Button/Split/Cycle；Ext.container.ButtonGroup/Container/Viewport；
Ext.picker.Color/Date/Time；Ext.panel.Panel/Header/Table/Tool；Ext.grid.Panel/View；
Ext.tree.Panel/View；Ext.tab.Tab/Bar/Panel；Ext.slider.Single/Multi/Tip；
Ext.view.View/Table/BoundList；Ext.window.Window/MessageBox。
Ext.Img；Ext.Editor；Ext.ProgressBar等；
工具条组件：Ext.toolbar.Paging/Toolbar/Fill/Item/Separator/Spacer/TextItem等。
菜单组件：Ext.menu.Menu/Item/CheckItem/Separator/ColorPicker/DatePicker等。
表单组件：Ext.form.Panel/Label/RadioGroup/CheckboxGroup/FieldSet/FieldContainer等。
表单域组件：Ext.form.field.Base/Display/Date/Time/Text/Number/Radio/Checkbox/ComboBox等。

Ext.layout，为容器提供各种布局方式（垂直，水平，重叠，边框，表格，列，自动，自适应，卡片，锚，绝对）。
Ext.layout.container.Vboxlayout/Hboxlayout/Accordion/Border/Column/Auto/Fit/Card/Anchor/Absolute等。
Ext.resizer.Resizer/Splitter，调整大小，分割布局。