Применение HTML5 в WebDynpro приложениях

"Возможно ли использовать HTML5 в собственных WebDynpro приложениях?" - задался я вопросом на одном из проектов. Какого же было мое удивление, когда я узнал, что в целом использовать можно, но именно на данном проекте этого сделать не получится. И да, я немного приуныл на тот момент. Ну да речь не про меня, а про применение HTML5 в WebDynpro приложениях.

Когда это стало возможным?

SAP предоставил возможность работы с HTML5 в WebDynpro приложениях в версии Netweaver 7.31 SP 5. Возможность эта была реализована посредством добавления новых элементов в фреймворк Web Dynpro приложения. Эти элементы:

  • HTMLIsland
  • HTMLContainer

См. HTMLIsland

Use

UI elements HTMLIsland and HTMLContainer enable customer-defined HTML, JavaScript, and CSS sources to be integrated in Web Dynpro ABAP applications. This integration enables you to enhance standard Web Dynpro with new components.

With HTMLIsland you can embed interactive, stateful contents (for example, charts) into your Web Dynpro applications.

You can enter static HTML source code using the staticHtml property. HTMLIsland creates HTML on the client side. This means that the content of HTMLIsland remains stable on the client and is not rebuilt with each server roundtrip.

В чем крутота?

Появляется возможность раскрасить свои уныленькие приложения в более яркие краски, фигурально выражаясь. Добавляйте свой html код, css верстку, ну и JavaScript.

О чем следует помнить и знать?

Конечно же о безопасности и совместимости. Но безопасность - превыше всего. Ознакомьтесь со следующими указаниями SAP

См. SAP Note 1753544 - Web Dynpro - HTML standards mode

См. SAP Note 1742528 - Web Dynpro HTML integration: HTMLIsland, HTMLContainer, HTMLFragment

Примеры

Примеры использования обозначенных выше элементов представлены в компоненте WDR_TEST_HTML_ELEMENT, доступ к которому можно получить посредством транзакции SE80

Рисунок 1.

Выполните запуск одного из созданных Web Dynpro приложений:

  • WDR_TEST_HTML_CONTAINER
  • WDR_TEST_HTML_ELEMENT
  • WDR_TEST_HTML_ELEMENT_IN_POPUP
  • WDR_TEST_HTML_ISLAND

Отдельно привожу ссылку на замечательный developer guide, любезно размещенный на SAP SCN

См. Web Dynpro HTMLIsland & HTMLContainer Developer Guideline