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.isXX/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은 Ext.fx를 상속하는 DOM 요소를 캡슐화합니다.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.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/insert After/insert Before/instert First/insert Html/overwrite/create Dom/create Template 등.
Ext.Template.append/insert After/insert Before/instert First/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.Event Manager는 이벤트 처리 함수, Ext.EventObject 이벤트 객체를 관리합니다.
Ext.EventManager.on/addListener(el, 이벤트Name,handler, [scope], [options]), 이벤트 처리 함수를 추가합니다.
Ext.EventManager.un/removeListener(el, 이벤트Name,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.간단한 AJAX 지원을 위한 ConnectionExt.Ajax 단일 예제 객체(request/upload).
UI 구성 요소의 기본 클래스인 Ext.Component하위 클래스 Ext.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/Radio Group/Checkbox Group/Field Set/Field Container 등.
양식 필드 구성 요소: 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, 크기 조정, 레이아웃 분할.