CLASS z2ui5_cl_app_demo_36 DEFINITION PUBLIC. PUBLIC SECTION. INTERFACES z2ui5_if_app. DATA mv_value TYPE string. PROTECTED SECTION. DATA client TYPE REF TO z2ui5_if_client. DATA: BEGIN OF app, check_initialized TYPE abap_bool, view_main TYPE string, view_popup TYPE string, get TYPE z2ui5_if_client=>ty_s_get, next TYPE z2ui5_if_client=>ty_s_next, END OF app. METHODS z2ui5_on_init. METHODS z2ui5_on_event. METHODS z2ui5_on_render. PRIVATE SECTION. ENDCLASS. CLASS Z2UI5_CL_APP_DEMO_36 IMPLEMENTATION. METHOD z2ui5_if_app~main. me->client = client. app-get = client->get( ). app-view_popup = ``. IF app-check_initialized = abap_false. app-check_initialized = abap_true. z2ui5_on_init( ). ENDIF. IF app-get-event IS NOT INITIAL. z2ui5_on_event( ). ENDIF. z2ui5_on_render( ). client->set_next( app-next ). CLEAR app-get. CLEAR app-next. ENDMETHOD. METHOD z2ui5_on_event. CASE app-get-event. WHEN 'POST'. client->popup_message_toast( app-get-event_data ). WHEN 'MYCC'. client->popup_message_toast( 'MYCC event ' && mv_value ). WHEN 'BACK'. client->nav_app_leave( client->get_app( app-get-id_prev_app_stack ) ). ENDCASE. ENDMETHOD. METHOD z2ui5_on_init. app-view_main = 'VIEW_MAIN'. mv_value = 'test'. ENDMETHOD. METHOD z2ui5_on_render. app-next-xml_main = ` ` && |\n| && ` ` && |\n| && `` && `` && |\n| && `` && |\n| && `

This is a heading with css

` && |\n| && `

This is a paragraph with css.

` && |\n| && `

My First JavaScript

` && |\n| && `` && |\n| && `` && |\n| && `

This is SVG

` && |\n| && `

This is canvas

` && |\n| && ` ` && * ` ` && |\n| && `` && |\n| && ` ` && |\n| && ``. app-next-xml_main = z2ui5_cl_xml_view=>hlp_replace_controller_name( app-next-xml_main ). ENDMETHOD. ENDCLASS.