Ext JS 인쇄시 오류현상 - 해결..

Ext JS 에서 (GWT-Ext) 인쇄를 하려고 보니 화면에 보이는대로 인쇄가 되지 않는 문제가...

더보기

AbsoluteLayout 을 사용하여 화면을 구성했더니 화면은 다음과 같이 원하는대로 만들었습니다.

인쇄 미리보기를 했더니...

페이지가 다음페이지로 나누어지는 부분에서 텍스트가 안나오는 것이었습니다 ㅠ_ㅠ...



삽질에 삽질을 거듭하여 나온... 결과는...


ext-all.css

의

.x-panel-body

에서

position:relative

를 주석처리 하는 것이었습니다.

기존 파일을 수정하면 문제가 생길 수 있으니 해당 페이지에만 복사해서 만든 css 에 수정을 합니다.

<br/> ...<br/>.x-panel-body{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;background:white;}/*position:relative;}*/<br/>.x-panel-bbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;padding:2px;}<br/>.x-panel-tbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;overflow:hidden;padding:2px;}<br/>...<br/>

아... 잘 나오네요 ㅋㅋㅋ

다음 미션은 배경색 보이게 하기....


컹... 배경색은 익스플로러의 경우

도구 - 인터넷 옵션 - 고급 탭 - 인쇄_배경색 및 이미지 인쇄

체크를 해야 합니다...