메타웍스 컴포넌트의 상속개념

메타웍스 컴포넌트의 구성

메타웍스 컴포넌트는 model-face-facehelper (java, ejs, ejs.js) 로 구성된다. 각자는 동일 패키지 (폴더, 디렉토리) 상에 존재해야 서로 묶이게 된다. ejs 파일이 없어도 기본 ejs 로 ObjectFace.ejs 가 사용되게 되어 모델을 리플랙션으로 화면에 뿌리게 된다.

[Model.java]
    |
[Model.ejs] - optional (java 는 꼭 있어야 함. ejs 만 존재하는 component 는 없음)
    |
[Model.ejs.js] - optional (ejs.js 가 있다면 ejs 는 꼭 있어야 함)

Model.java

package com.abc.model;

public class Model{
  String field1;
  public getField1(){ return field1;}
  public setField1(String field1){ this.field1 = field1; }
}

Model.ejs

Field1 = <%=value.field1%>

Model.ejs.js

var com_abc_model_Model = function(objectId, className){
   $("#objDiv_" + objectId).css("background", "yellow");
};

UI의 상속

DerivedModel.java

아래의 derivedModel 은 자신의 ejs와 ejs.js 가 없어도 Model 이 가진 Model.ejs 와 Model.ejs.js 까지 상속 받게 된다. 즉, UI를 모두 상속 받는다.

class DerivedModel extends Model{
  String field2;
  public getField2(){ return field2;}
  public setField2(String field2){ this.field2 = field2; }

}

UI의 오버라이드

DerivedModel.ejs 파일을 만들어 동일 폴더에 넣어주면, DerivedModel 은 자신의 ejs와 ejs.js 를 따르게 된다. 이 때 기존 화면 ejs 를 가져와서 추가된 요소만을 넣고 싶은 경우라면, include 를 사용한다.

DerivedModel.ejs 예시

<%=include('dwr/metaworks/com/abc/model/Model.ejs')%>
<%=fields.field2.here()%>

Face Helper 를 상속하려면 다음과 같이 metaworks 에서 정의해주는 extend 메서드를 사용한다.

DerivedModel.ejs.js

var com_abc_model_DerivedModel = function(objectId, className){
    com_abc_model_Model.apply(this, new Array(objectId, className)); //equals to super(objectId, className) in java
}
extend(com_abc_model_DerivedModel, "com_abc_model_Model");  //equals to extends in java