[요약] MIME Object로 Javascript를 업로드한 후 간단한 화면조작과 소스구현으로 Timer기능을 구현할수있다

 

1. Javascript HTML파일 생성

   아래와 같은 소스를 timer.html파일로 만들어둔다.

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<script type="text/javascript">

var minute=5;
var second=10;

function init()
{
    var query = window.location.search;
    minute = query.substring(query.indexOf("min=")+4,query.indexOf("&"));
    second = query.substring(query.indexOf("sec=")+4);
    if(second<10)
        second = "0".concat(second);
    document.getElementById('min').innerHTML = minute;
    document.getElementById('sec').innerHTML = second;
    window.setInterval(timerUpdate,1000);
}

function timerUpdate()
{
    var secstr;
    second--;
    if(second<0)
    {
        second=59;
        minute--;
    }
    if(second<10)
        secstr = "0".concat(second);
    else
        secstr = second;
    document.getElementById('min').innerHTML = minute;
    document.getElementById('sec').innerHTML = secstr;
}

</script>
</head>

<body onload="init();">
<span id="min">0</span>:<span id="sec">0</span>
</body>
</html> 

 

2. Webdyn Component 에 우클릭 후 Mime Object UPLOAD 기능을 이용하여 위에서 만든 Javascript를 업로드한다.

아래 소스에서 보면 알겠지만,

MIME Object의 접근방법은 sap/bc/webdynpro/sap/YWD4A_TEST02/timer.html 형태로 접근한다.

 

 

3. View의 Context에 Timer에 필요한 Attribute들을 생성한다.

IFRAME_SRC => String

END_TIME => TIMS

IFRAME_VISIBLE => BOOLEAN 

 

4. View탭의 Layout에 IFRAME을 그린다.

    Visable Type에 IFRAME_VISIBLE을 선택,

    URL은 IFRAME_SRC를 선택한다.

 

5. Method탭의 DOINIT메소드에 아래와 같은 소스를 입력한다.

    data endtime type t.

  endtime sy-uzeit + 60 ).

  wd_context->set_attributeexporting name 'END_TIME' value endtime ).
  wd_context->set_attributeexporting name 'IFRAME_SRC' value 'YWD4A_TEST02/timer.html?min=1&sec=0' ).
  wd_context->set_attributeexporting name 'IFRAME_VISIBLE' value abap_true ).

 

 

 

 

 

 

 

profile

안녕하세요^^