天天看點

在SAP WebClient UI裡顯示倒數計時的UI

訂閱專欄

First let’s have a look at what is achieved: Once you click work center “Jerry count down”, the count down is displayed with a small animation.

在SAP WebClient UI裡顯示倒數計時的UI

The steps to build this application are almost the same as Step by step to create Bar Chart in Webclient UI.

在SAP WebClient UI裡顯示倒數計時的UI

(1) Create a new WebUI component with a view main.htm:

在SAP WebClient UI裡顯示倒數計時的UI

Paste the following source code for the created view:

在SAP WebClient UI裡顯示倒數計時的UI
在SAP WebClient UI裡顯示倒數計時的UI

As you see I hard code the last second of year 2017 as the time to count down here, feel free to replace with your own date and time.

在SAP WebClient UI裡顯示倒數計時的UI

(2) Go to tcode SE80, tab MIME Repository, create a new folder named count and import these nine files.

在SAP WebClient UI裡顯示倒數計時的UI

(3) Create a new work center and put the ui component into it.

Please find step by step about how to achieve it from this wiki page How to add an custom UI component into a new work center.