ejyoo's 개발 노트

생성자 초기화 본문

FrontEnd/Ext

생성자 초기화

ejyoovV 2021. 10. 5. 20:33

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:function(config){
          this.initConfig(config);
      },
      classFunction1:function(){
          document.write(this.getId()+'classFunction1<br>');
      },
      classFunction2:function(){
          document.write(this.getId()+'classFunction2<br>');
      }
	});
    
    var id1 = Ext.create('TestConstructor',{
    	id:'id1'
    });
    
    id1.classFunction1();
    id1.classFunction2();
}

'FrontEnd > Ext' 카테고리의 다른 글

config 속성  (0) 2021.10.05
상속  (0) 2021.10.05
ExtJS 라이브러리 종류  (0) 2021.10.05
Classic APP 기본 파일 분석  (0) 2021.09.08
Classic 앱 생성하기  (3) 2021.09.08