Ext JS 문서 원본 보기
←
Ext JS
둘러보기로 가기
검색하러 가기
문서 편집 권한이 없습니다. 다음 이유를 확인해주세요:
요청한 명령은 다음 권한을 가진 사용자에게 제한됩니다:
사용자
.
이 문서는 편집하거나 다른 명령을 할 수 없도록 보호되어 있습니다.
문서의 원본을 보거나 복사할 수 있습니다.
YUI에서 발전한 자바 스크립트 라이브러리인 Ext JS를 정리 합니다. *홈페이지 : http://www.extjs.com/ :*Mobile : http://www.sencha.com/products/touch/ :*API : http://docs.sencha.com/ext-js/4-0/#!/api *다운로드 : http://www.extjs.com/products/js/dewnload.php *라이센스 : GNU GPLv3, 상업적으로 사용시 구매 필요, http://www.sencha.com/products/extjs/license/ *플랫폼 : JavaScript *매뉴얼 : http://www.extjs.com/deploy/dev/docs/ :*예제 : http://www.extjs.com/deploy/dev/examples/, Fedd Viewer, Simple Task :*FAQ : http://www.extjs.com/learn/Ext_FAQ :*Forum : http://www.extjs.com/forum/, http://www.extjs.com/learn/ ==Ext JS 개요== ===Ext JS 4.0 사용 설정=== <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <link rel="stylesheet"type="text/css" href="resources/css/ext-all.css" /> <script src="ext-all.js"></script> <!-- ext-all-debug --> <script src="local/ext-lang-ko.js"></script> <script type="text/javascript">lib/jquery.js"></script> if (Ext.BLANK_IMAGE_URL.substr(0, 5) != 'data: ') { Ext.BLANK_IMAGE_URL = "image/s.gif"; } </script> <body> </body> </html> ==Ext-JS 문법== *Namespace 지정 Ext.ns('My.cool'); *변수 선언 var MyWindow = Ext.extend(Object, { ... }); //--- 예전 방식 var MyWindow = Ext.define(className, members, onClassCreated); Ext.define('My.own.Window', { config: { //--- 속성 title: 'Title Here', }, statics: { //--- 정적 속성 instanceCount: 0 }, constructor: function(config) { //--- 생성자 this.initConfig(config); return this; } }); *오류 처리 throw new Error('['+ Ext.getDisplayName(arguments.callee) +'] Some message here'); ===HTML 처리=== *id로 찾기 Ext.get(id) Ext.getDom(id) //--- DOM 모델을 반환 합니다. ==MVC Model== ==Ext-JS Class== ===Ext=== *Properties {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"| |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} *Methods {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"|Ext.Element Ext.get(id) |width="70%"| *id로 Html Element를 가져 옵니다. *내부적으로 Ext.Element Ext.Element.get(id)를 사용함 *Ext.Element.getAttribute("~") : Attribute의 값을 반환 |- |align="center" valign="middle" style="background-color:#eee;"|HTMLElement Ext.getDom(id) | *id로 HTML Element를 가져 옵니다. *HTMLElement.value |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} *HTMLElement :*item.style.~ ===Ext.Base=== *Properties {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"| |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} *Methods {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"| |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} ===Ext.Element=== *Properties {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"|value |width="70%"| *Element가 포함하고 있는 내용 |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} *Methods {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"| |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} ===ElementLoader=== ===DomHelper=== *Properties {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"| |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} *Methods {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"| |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} ===DomQuery=== *Properties {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"| |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} *Methods {|cellspacing="0" cellpadding="2" border="1" width="100%" bgcolor="#FFFFFF" align="center" |- |width="30%" align="center" valign="middle" style="background-color:#eee;"|select( String path, [HTMLElement root] ) : HTMLElement[] |width="70%"| |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |- |align="center" valign="middle" style="background-color:#eee;"| | |} ===Menu=== Ext.create('Ext.menu.Menu', { width: 200, height: 115, plain: true, floating: false, renderTo: 'idMenu', items: [{ text: '성남고객', handler: showHideMenu },{ text: '판교고객', iconCls: 'add16' }] }); ==Ext-JS Sample== ===Application=== Ext.application({ name: 'HelloExt', launch: function() { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { title: 'Hello Ext', html : 'Hello! Welcome to Ext JS.' } ] }); } }); ==참고 문헌== *[[HTML5]] *[[CSS3]] *[[jQuery]] [[Category:JavaScript]] [[Category:HTML5]]
Ext JS
문서로 돌아갑니다.
둘러보기 메뉴
개인 도구
로그인
이름공간
문서
토론
변수
보기
읽기
원본 보기
역사 보기
더 보기
검색
주요 메뉴
오픈소스 컨설팅
오픈소스
오픈소스 라이선스
오픈소스 커뮤니티
오픈소스 종류
오픈소스 현황
오픈소스 한글화
문자셋과 인코딩
Storage
Network
보안
고가용성
모니터링
오픈 API
오픈 서비스
Cloud
BigData
Android
산사랑 노트
둘러보기
인기 문서
최근 수정 문서
모든 문서
모든 분류
임의 문서
위키 사용법
자매 사이트
CMS
오비컨 홈페이지
오비컨 CMS
블로그
데모 - SuiteCRM
산사랑의 Twitter
산사랑의 Facebook
친구 사이트
공개SW 포털
OLIS
한국공개소프트웨어협회
AppCenter 지원본부
OLC
PSEG
개발자 블로그
블로터
개인 메뉴
메뉴 수정
양식함
도구
여기를 가리키는 문서
가리키는 글의 최근 바뀜
특수 문서 목록
문서 정보