넥사크로 동적으로 글자가 출력되는 Static에 스크롤바 생기게 하기

넥사크로(Nexacro)에서 
동적으로 글자가 출력되는
Static에 스크롤바 생기게 하기

 

 

 

 

---

 

들어가기전에 ..

 

• 동적으로 글을 읽어와서 Static에 넣어야 할 경우,  잡혀있는 Static 영역 이상으로 글자가 많아지면 스크롤바가 필요한데 이럴때 처리가능한 해결방법이다. (간단하게 textarea 컴포넌트로 해주고 치울수 있으면 제일 좋다)

 

---

 

처리방법

 

해당 샘플에서 사용할 데이터
1가나다라마바사아자차카타파하
2가나다라마바사아자차카타파하
3가나다라마바사아자차카타파하
4가나다라마바사아자차카타파하
5가나다라마바사아자차카타파하

 

• 아래처럼 Static을 Div로 감싸준다. (검은 테두리가 Div고, 빨간 테두리가 Static이다.)

 

 

• 사용할 데이터를 동적으로 넣어보면, 아래처럼 글자가 넘쳐도 스크롤바가 나타나지 않는다.

• 자세히 보면. Static 영역이 텍스트길이 만큼 확장되지 못했다. ( Static영역빨간색 테두리만큼만 잡혀있다)

 

 

• 먼저 Static를 감싸고 있는 div에  formscrollbartype을 auto (넘치면 자동으로 스크롤바가 생기도록)로 주고, formscrolltype을 vertical로 준다. (세로로만 생기게)

 

 

• 그리고 Static에 fittocontents에는 height를 준다 (세로로만 컨텐츠 내용이 자동 조절되게)

 

 

• 그리고 서버에서 글자를 읽어와서 Static 에 set_text하고 난뒤에 Static를 감싸고 있는 Div에 resetScroll()을 수행해준다.

 

this.fn_loadText = function() {
    // 서버와 통신하여 텍스트 가져온다
    this.transaction(,,,"dataset03=output1", ,"fn_callback");
}

this.fn_callback = function() {
    // 통신 성공 실패 처리 TODO
    // 성공했을 경우 output dataset으로 받은 데이터셋에서 값을 가져와서 Static에 set한다.
    var text = dataset03.getColumn(.....);
    this.div_warp.form.stt_static.set_text(text);
    // 그리고 static을 감싸고 있는 div에 resetScroll 함수를 호출해준다.
    this.div_warp.form.resetScroll();
}

 

결과

 

• 그리고 서버에서 글자를 읽어와서 Static 에 set_text하고 난뒤에 Static를 감싸고 있는 Div에 resetScroll()을 수행해준다.