[Nexacro] 동적으로 Div 생성하기

동일한 디자인의 특정 영역을 상황에 따라 다른 개수로 보여주어야 할 경우가 있다.

 

이때 반복하여야 하는 영역을 별도의 파일로 만들고, 이를 동적으로 Child로 추가해주면 된다.

 

 

1. 반복되는 영역을 별도의 xfdl 파일로 생성

 

2. DIV를 동적으로 생성하여 추가하고자 하는 곳에 addChild로 추가

 

3. DIV에 set_url로 반복되는 화면을 추가

 

4. 화면에 표시(show) 및 스크롤바 갱신(resetScroll)

 

5. 원하는 개수만큼 2번부터 반복

 

 

 

  

반응형

 

 

 

var objDiv = new Div();

// position : absolute, fixed
objDiv.init(Div id, position, nLeft, nTop, nWidth, nHeight, nRight, nBottom);
this.addChild(Div id, objDiv);

//Div Child에 접근 가능한 시점
//  true - url의 onload 이벤트가 발생했을 때
//  false - url이 변경된 직후
objDiv.set_async(false);
objDiv.set_url(sUrl);

//Div를 화면에 표시
objDiv.show();

//Div를 스크롤바를 갱신
this.resetScroll();

 

 

※ Child Component에 데이터 바인딩

1. Parent에서 접근

  - this.Parent_ID.DIV_ID.set_text("1111");

 

2. Child에서 접근

  - this.parent.FN_NAME();

  - parent의 function에 접근하여 리턴되는 데이터를 이용하여 바인딩