<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title id="page-title">클래스 믹스인</title>
<script type="text/javascript" src="ext.js"></script>
<script type="text/javascript">
Ext.define('LeftSword',{
leftSkill : function(){
console.log( "left sowrd skill 발동" ) ;
},
commonSkill : function(){
console.log( "left common skill 발동" ) ;
}
});
Ext.define('RightSword',{
mixins : {
leftSword : 'LeftSword'
} ,
leftSkillUse : function(){
this.leftSkill();
} ,
commonSkill : function(){
console.log( "right common skill 발동" ) ;
} ,
leftCommonSkill : function(){
// mixins 로 결합된 method 중 method name이 겹치는 method 호출하는 방법임.
this.mixins.leftSword.commonSkill.call( this ) ;
}
});
var sword = Ext.create('RightSword') ;
// 출력 : left sowrd skill 발동
sword.leftSkillUse();
// 출력 : right common skill 발동
// 본인 method 우선순위 가짐
sword.commonSkill();
// 출력 : left common skill 발동
sword.leftCommonSkill();
</script>
</head>
<body>
1. 클래스 믹스인 <br/>
- 상속이 아닌 두 개의 클래스를 결합하는 것임.
</body>
</html>
'프로그래밍 > EXTJS4' 카테고리의 다른 글
| ExtJS4 - Custom Panel 만들기 ( 내가 원하는 Panel 만들기 ) (0) | 2019.12.06 |
|---|---|
| ExtJS4 - up , down / 자식 요소 , 부모 요소 찾기 (0) | 2019.12.06 |
| EXTJS4 - ID / 속성값 으로 검색하여 form 찾기 (0) | 2019.12.04 |
| EXTJS4 - 클래스 상속하기 (0) | 2019.12.01 |
| EXTJS4 - 클래스 선언하기 (0) | 2019.11.30 |
나무뚱이