20.XPLATFORM9.2 HTML5개발시 고려사항

20.1HTML5 ShowCase

XPLATFORM HTML5용 ShowCase를 실행해 볼 수 있습니다.

http://www.xplatform.co.kr:8080/HTML5/XPTemplate/XPUI/LaunchProject.jsp

20.2XPLATFORM HTML5에서 키이벤트 처리방법

XPLATFORM HTML5에서 F5(새로고침), 백스페이스 기능을 막고자 하는 경우에 대한 키 이벤트 처리방법에 대해 기술합니다.

20.2.1자바스크립트 소스

<script language='javascript'>
   if (typeof window.event != 'undefined') {
        document.onkeydown = function() {
        if((event.ctrlKey == true && (event.keyCode==78 || event.keyCode == 82)) || (event.keyCode == 116)) 
        {
             event.keyCode = 0;
             event.cancelBubble = true;
             event.returnValue = false;
        }
        var code = event.keyCode;
        var sCompName = event.srcElement.tagName.toUpperCase();
        if(code == 8 && sCompName != 'INPUT' && sCompName != 'TEXTAREA') 
            return false;
        }
    } else {
         window.onkeydown = function(e) {
        if((e.ctrlKey == true && (e.keyCode==78 || e.keyCode == 82)) || (e.keyCode == 116)) 
        {
     
              return false;
        }
          var code = (e.keyCode ? e.keyCode : e.which);      
          var sCompName = e.target.nodeName.toUpperCase();
          if(code == 8 && sCompName != 'INPUT' && sCompName != 'TEXTAREA') 
              return false;
          }
    }  
  </script>
해당 자바스크립트를 LaunchProject.jsp페이지의 자바스크립트 영역에 기술하면 됩니다.
웹페이지의 뒤로가기, 새로고침을 제어하고 싶습니다.

20.3XPLATFORM의 HTML5 이용시 [이 스크립트의 실행을 멈추시겠습니까] 해결방법

20.3.1원인

20.3.2해결방법

그림 20-1http://support.microsoft.com/kb/175500#FixItForMeAlways 클릭시 페이지 이동

20.3.3참고사항

위의 주소창에 접속하여 Fix it 설치 후 IE브라우저를 재 실행 후 고객사 사이트를 재 접속하여 사용하시면 해당 문제가 해결이 가능합니다.
이 스크립트의 실행을 멈추시겠습니까 해결방법
개요

Dataset의 각 컬럼값을 표현합니다.

자식 요소

없습니다.

반복 여부

없거나 컬럼의 개수만큼 있을 수 있습니다.

속성
<Col id="department">management</Col>

속성이름

설명

Id

컬럼 이름. ColumnInfo 의 자식 요소(ConstColumn , Column)에서 설정한 이름과 같습니다.

비고

0 length string 의 경우

<Col id="department"></Col> 
or
<Col id="department"/>

Null인 경우Tag가 없는 것으로 구분합니다.

20.4HTML5에서 트랜잭션시 나타나는 waitimage 이미지를 변경하는 방법

20.4.1변경방법

HTML5의 Jar파일의 압축을 풀어 해당 이미지를 직접 바꾼 후 다시 Jar파일로 압축을 하여 사용합니다. 
xplatform9-ajax-1.3.jar 파일의 압축을 푸신 후 web\xml\TOBE 경로에 보시면 waitimage.gif 이미지가 있습니다. 
 
해당 이미지를 변경하시면 waitcursor를 변경 하실 수 있습니다. 
이미지를 변경 후 다시 jar파일로 압축하여 사용하시면 됩니다.

그림 20-2waitimage_image

waitimage 이미지 변경이 가능한가?