ejyoo's 개발 노트

mainView.child(selector) 위의 방법은 selector에 해당하는 자식요소 (처음에 나오는) 를 1개만 가져오는 메서드로 내가 원하는 방법이 아니였다 찾아보니 아래와 같은 방법을 사용하면 특정 뷰 내에 있는 모든 자식 요소를 가져올 수 있다. mainView.query(selector)

✍ dataIndex는 해당하는 컴포넌트의 결과값을 가져올 때 사용할 수 있다. ✍ 예제 ✍ columns에 다음과 같은 아이템이 있다. { xtype: 'checkcolumn', dataIndex: 'testCaseCheckBox', width: 25, sortable: false, header: '', headerCheckbox: true }, checkbox가 여러개 있을 때, 체크된 체크박스를 가져오고 그 카운트를 세어 체크된 체크박스가 없을 때, 메시지 박스를 띄운 후 OK 버튼을 클릭했을 때 리턴한다.(창을 닫는다.) var checkedCount = 0; var records = this.getView().getStore().getRange(); records.forEach (function..

싱글톤(SIngleton)은 클래스 전체를 인스턴스로 사용할 수 있도록 제공한다. 자바는 private 를 사용하여 객체 생성을 제한하는데, ExtJS에서는 속성을 따로 제공하는 것 같다. 자바의 싱글톤 패턴은 아래를 참고한다. https://ejyoo.tistory.com/99 싱글톤 패턴에 대해서 (Keyword : 싱글톤 디자인 패턴) 💡 들어가기 전에 무한으로 존재하는 자원은 존재하지 않는다. 컴퓨터가 제공하는 자원 마찬가지로 제한되어 있다. 이러한 상황에서 인스턴스가 남용되는 것은 바람직하지 않고 하나의 자원으 ejyoo.tistory.com Ext.onReady(function(){ Ext.define('Logget',{ singleton:true, logger:function(input){ ..

정적속성은 생성된 모든 객체가 공유하며 클래스의 인스턴스 명, 정적속성 방식 또는 statics()를 이용하여 사용한다. 자바에서 static과 동일하다 * 기본 형태 statics:{ 속성, 메소드 } * 예제 : * 결과 2 2 -----------end Ext.onReady(function(){ Ext.define('CountTest',{ config:{ name:null }, constructor:function(config){ this.initConfig(config); } }); Ext.define('extendsCountTest',{ extend:'CountTest', statics:{ count:0 }, addCount:function(){ this.statics().count++; }, ..

config 안의 속성은 별도의 set/get 메소드 구현이 필요치 않고 자동 처리된다. 또한 생성자를 사용하여 config 속성을 초기화하는데 사용할 수 있다. 이 외에 config 내 속성을 바꾸려고 할 때, 이를 체크하여 변경을 감지하여 이벤트를 걸 수 있다. 즉 'apply속성명'의 형태를 사용하여 config 속성의 변경을 감지한다. apply속성명 (새로운값, 이전값){ return 반환값; //반환값에 따라 변경될 값이 리턴된다. } Ext.onReady(function(){ Ext.define('TestConstructor',{ config:{ id:null }, constructor:function(config){ this.initConfig(config); }, classFunction..

ExtJS는 클래스를 정의하고 상속을 한다. OOP(Object Oriented Programming) 프로그램의 상속과 유사하다. * 상속 방법 Ext.define('새로운클래스',{ extend:'상속받을 클래스' }); * 상속 예제(생성한 앱에서 해당 파일 더블클릭하여 실행) Ext.onReady(function(){ Ext.define('TestConstructor',{ config:{ id:null }, constructor:function(config){ this.initConfig(config); }, classFunction1:function(){ document.write(this.getId()+'classFunction1 '); }, classFunction2:function(){ d..

ExtJS 'config'에 속성을 설정할 경우 해당 속성은 자동으로 get, set 접두어를 붙여서 메소드로 사용할 수 있다. config:{ id:null } this.getId(); this.setName('값'); config 를 사용하여 class 를 정의할 때, 생성자를 통한 초기화를 진행할 수 있다. * 생성자 문법 constructor:function(config){ this.initConfig(config); } * 코드 적용(앱에서 해당 파일 더블클릭하여 실행) Ext.onReady : HTML 페이지가 출력된 후 수행 Ext.onReady(function(){ Ext.define('TestConstructor',{ config:{ id:null }, constructor:functio..

라이브러리명 설명 extjs 라이브러리 코어, 운영모드 (용량을 줄인)Minified. 확장된 클래스를 동적으로 로딩하는 Base 프레임워크 ext-all.js 라이브러리 전체, 운영모드 Minified. 전체 프레임 워크를 포함 ext-all-debug.js 라이브러리 전체, 디버그모드 Minify 하지 않음. 전체 프레임워크를 포함 ext-debug.js 라이브러리 코어, 디버그모드 Minify 하지 않음. 확장된 클래스를 동적으로 로딩하는 Base 프레임워크 ext-all-rlt-debug.js 라이브러리 전체, 운영모드, 우횡서 지원 Minify 하지 않음. 전체 프레임워크와 RTL(우횡서) 지원을 포함 ext-all-rtl-sandbox-debug.js 라이브러리 전체, 디버그모드, 우횡서 지원..