1 Requirement

In WebUI scenarios specific requests and queries often take a long time until the data is available. In particular, RFC calls to external systems like the ERP can slow down performance. Due to the WebUI framework where visualization and rendering is done after server side processes are finished the user requires dedicated parallel processing. Table Views in WebUI include usually a large amount of different data and therefore different request origins. The ambition is to separate slow requests from the other request in order to fasten the entire visualization.

1.1 Preview

Take a look at the asynchronous rendering in action.

2 Proposal

Using a combination of server implementation and client side scripting Table Views can be rendered asynchronously where required. At first rendering the data is not received but a loading information is displayed instead.

After an AJAX-Callback is started, the data is received and the response is sent back to the client in order to display the Table View entries at the moment they’re getting available.

3 Implementation Steps

Both server side and client side implementation needs to be done in order to achieve this functionality.

3.1 Server Side

The implementation class that handles the callback needs to be the same instance as the one the table view is rendered. Therefore, a modification in the method IF_HTTP_EXTENSION~HANDLE_REQUEST of class CL_CRM_WEB_UTILITY needs to be done. Similar to SAP Note 1968050 where the instance is not created again.

3.1.1 Modification in Web Utility Class

The modification is not critical from my perspective. It might be usefull to integrate a customizing there if more than one class needs to be included for different Table Views.

* -> create handler class
 TRY.
 IF LV_HANDLER_CLASS_NAME = 'CL_CRM_BSP__RECENTOBJECT0_IMPL'
 OR LV_HANDLER_CLASS_NAME = 'ZL_ZWEBUI_B_ZACCOUNTOPPOR_IMPL'.
 lv_handler_class ?= lv_target_controller.
 ELSE.
 CREATE OBJECT lv_handler_class
 TYPE
 (LV_HANDLER_CLASS_NAME).
 ENDIF.
 * -> call back application handler
 lv_handler_class->handle_request(
 ir_server     = server
 ir_controller = lv_target_controller ).
 CATCH cx_root.
 ENDTRY.

3.1.2 HTML

The rendering of the Table View itself must be done manually without using BSP tags to save the created BEE in the respective implementation class. Otherwise, the logic would be called after every roundtrip.

<%
 DATA: lr_config_table TYPE REF TO cl_chtmlb_config_cellerator.
 IF controller->gr_config_table IS INITIAL.
 CALL METHOD cl_chtmlb_config_cellerator=>factory
 EXPORTING
 id             = 'Table'
 table          = controller->typed_context->btqropp->table
 _table         = '//BTQROPP/Table'
 xml            = controller->configuration_descr->get_config_data( )
 width          = '100%'
 selectionmode  = cl_thtmlb_cellerator=>gc_selection_mode_none
 personalizable = 'FALSE'
 RECEIVING
 element        = lr_config_table.
 controller->gr_config_table ?= lr_config_table.
 %><script>
 thtmlbAJAXCall.callBackend("<%= controller->create_ajax_url( ) %>",thtmlbCCelleratorManager.asynchronousRenderingCallback);</script><%
 lr_config_table->emptytabletext = cl_wd_utilities=>get_otr_text_by_alias( 'CRM_BSP_UI_FRAME_RECOBJ/LOADING' ).
 ENDIF.
 lr_config_table ?= controller->gr_config_table.
 lr_config_table->if_bsp_bee~render( _m_page_context ).
 %>

3.1.3 Clear on new focus

Depending on the usage it may be required to handle the logic whenever the focus is changed. For instance, in an assignment block that is included in the BP_HEAD. If the business partner is changed the search must be done again. I guess, there can be done some additional investigation to handle the partner change itself and in those cases just take the data out of the BOL. So the performance can be improved even more.

3.1.3.1 Method: IF_BSP_MODEL~INIT

Get the instance of the controller implementation class.

CALL METHOD super->if_bsp_model~init
 EXPORTING
 id    = id
 owner = owner.
 gv_owner ?= owner.

3.1.3.2 Method: ON_NEW_FOCUS

Clear the BSP bee.

CLEAR gv_owner->gr_config_table.

3.1.4 AJAX-URL

The URL which calls the backend via JavaScript can be created in the implementation class directly.

CALL METHOD cl_crm_web_utility=>create_service_url
 EXPORTING
 iv_handler_class_name = 'ZL_ZWEBUI_B_ZACCOUNTOPPOR_IMPL'
 iv_controller_id      = me->component_id
 RECEIVING
 ev_url                = ev_url.

3.1.5 Callback

The implementation class needs the Interface IF_CRM_WEB_CALLBACK in order to receive the previously callback.

3.1.5.1 Method: IF_CRM_WEB_CALLBACK~HANDLE_REQUEST

The method handles the callback, retrieves the data and creates the HTML code for the response.

*|-- References  DATA: lr_result          TYPE REF TO if_bol_bo_col,
 lr_query_service   TYPE REF TO cl_crm_bol_dquery_service.
*|-- Variables
 DATA: lv_partner         TYPE string,
 lv_html            TYPE string.
 *|-- BP number
 lv_partner = me->typed_context->builheader->collection_wrapper->get_current( )->get_property_as_string( iv_attr_name = 'BP_NUMBER' ).
 CHECK lv_partner IS NOT INITIAL.
 TRY.
 *|-- Query Service for Opportunities
 lr_query_service = cl_crm_bol_dquery_service=>get_instance( 'BTQOpp' ).
 *|-- Query-Parameter
 CALL METHOD lr_query_service->add_selection_param
 EXPORTING
 iv_attr_name = 'PROSPECT'
 iv_sign      = 'I'
 iv_option    = 'EQ'
 iv_low       = lv_partner.
 *|-- Result
 lr_result = lr_query_service->get_query_result( ).
 CATCH cx_crm_genil_general_error.
 RETURN.
 ENDTRY.
 *|-- Sorting
 IF lr_result IS BOUND.
 lr_result->sort(
 EXPORTING
 iv_attr_name  = 'EXP_REVENUE'
 iv_sort_order = if_bol_bo_col=>sort_descending ).
 ENDIF.
 *|-- Set Result to Context & build table
 me->typed_context->btqropp->collection_wrapper->set_collection( lr_result ).
 me->typed_context->btqropp->build_table( ).
 *|-- Clear text
 CLEAR me->gr_config_table->emptytabletext.
 *|-- Create HTML
 CALL METHOD create_table_view_html
 EXPORTING
 ir_server         = ir_server
 ir_controller     = ir_controller
 iv_binding_string = '//BTQROPP/TABLE'
 iv_table_id       = me->get_id( 'Table' )
 IMPORTING
 ev_html           = lv_html.
 *|-- Set Response
 ir_server->response->set_cdata( lv_html ).
 ir_server->response->set_header_field( name  = 'content-type'
 value = 'text/xml' ).
 *|-- Invalidate ´content
 CALL METHOD cl_ajax_utility=>invalidate_area_content
 EXPORTING
 ir_controller = ir_controller.

3.1.5.2 Method: CREATE_TABLE_VIEW_HTML

*|-- Constants
 DATA: lc_separator TYPE string VALUE '__'.
 *|-- Variables
 DATA: lv_attribute_path     TYPE string,
 lv_model_name         TYPE string,
 lv_lines              TYPE i,
 lv_string_lines       TYPE string,
 lv_count              TYPE i VALUE 0,
 lv_row_id             TYPE string,
 lv_html               TYPE string,
 lv_template_row_tr_id TYPE string,
 lv_new_row_tr_id      TYPE string,
 lv_rows               TYPE string,
 lv_row_ids            TYPE string,
 lv_fixed_left_rows    TYPE string,
 lv_fixed_right_rows   TYPE string,
 lv_marked_rows        TYPE string.
 *|-- Strucures
 DATA: ls_area_content TYPE crms_tajax_area_content.
 *|-- References
 DATA: lo_page             TYPE REF TO cl_bsp_ctrl_adapter,
 lo_view_manager     TYPE REF TO cl_bsp_wd_view_manager,
 lo_view_controller  TYPE REF TO cl_bsp_wd_view_controller,
 lo_model            TYPE REF TO if_bsp_model_binding,
 lo_context_node     TYPE REF TO cl_bsp_wd_context_node,
 lo_context_node_tv  TYPE REF TO cl_bsp_wd_context_node_tv.
 *|-- Field Symbols
 FIELD-SYMBOLS: <fs_page>  TYPE bsprtip.
 *|-- Create page instance
 READ TABLE cl_bsp_context=>c_page_instances
 WITH KEY page_name = cl_bsp_wd_appl_controller=>appl_controller_name
 ASSIGNING <fs_page>.
 *|-- Rendering
 IF sy-subrc IS INITIAL AND <fs_page>-instance IS BOUND.
 lo_page            ?= <fs_page>-instance.
 lo_view_manager    ?= lo_page->m_adaptee.
 lo_view_controller ?= ir_controller.
 lo_view_manager->render( iv_root_view = lo_view_controller ).
 ENDIF.
 *|-- Get model
 CALL METHOD cl_bsp_model=>if_bsp_model_util~split_binding_expression
 EXPORTING
 binding_expression = iv_binding_string
 IMPORTING
 attribute_path     = lv_attribute_path
 model_name         = lv_model_name.
 TRY.
 lo_model ?= ir_controller->get_model( lv_model_name ).
 lo_context_node ?= lo_model.
 lo_context_node_tv ?= lo_model.
 lv_lines = lo_context_node->collection_wrapper->size( ).
 CATCH: cx_root.
 EXIT.
 ENDTRY.
 WHILE lv_count < lv_lines.
 "Create AJAX content
 lv_count = lv_count + 1.
 lv_string_lines = lv_count.
 CONDENSE lv_string_lines NO-GAPS.
 CONCATENATE iv_table_id '__' lv_string_lines '__1' INTO lv_row_id.
 CALL METHOD lo_view_controller->retrieve_ajax_area_content
 EXPORTING
 iv_area_id         = lv_row_id
 iv_page_id         = ir_controller->component_id
 IMPORTING
 es_content_info    = ls_area_content
 er_used_controller = lo_view_controller.
 "Covert HTML
 IF ls_area_content-area_content IS NOT INITIAL.
 lv_html = cl_thtmlb_util=>escape_xss_javascript( ls_area_content-area_content ).
 ENDIF.
 CLEAR ls_area_content.
 "Build table
 lo_context_node_tv->build_table( ).
 "Create Response
 IF lv_rows IS INITIAL.
 CONCATENATE `'` lv_html `'` INTO lv_rows.
 CONCATENATE `'` '' `'` INTO lv_fixed_left_rows.
 CONCATENATE `'` '' `'` INTO lv_fixed_right_rows.
 CONCATENATE `'` lv_row_id `'` INTO lv_row_ids.
 CONCATENATE `'` '' `'` INTO lv_marked_rows.
 ELSE.
 CONCATENATE lv_rows `,'` lv_html `'` INTO lv_rows.
 CONCATENATE lv_fixed_left_rows `,'` '' `'` INTO lv_fixed_left_rows.
 CONCATENATE lv_fixed_right_rows `,'` '' `'` INTO lv_fixed_right_rows.
 CONCATENATE lv_row_ids `,'` lv_row_id `'` INTO lv_row_ids.
 CONCATENATE lv_marked_rows `,'` '' `'` INTO lv_marked_rows.
 ENDIF.
 ENDWHILE.
 CONCATENATE `{ "rows": [ ` lv_rows ` ],  "fixedLeftRows": [ ` lv_fixed_left_rows ` ], "fixedRightRows": [ ` lv_fixed_right_rows
 ` ], "markedRows": [ ` lv_marked_rows ` ],  "tableId": [ '` iv_table_id `' ], "rowIds": [ ` lv_row_ids ` ]}` INTO ev_html.

3.2 Client Side

The response that is created on the server side now must be handled on the client side for direct rendering without the need of a round trip.

Therefore the JavaScript scripts_.oo_tableview.js of BSP application THTMLB_SCRIPTS must be modified.

3.2.1 Modification in JavaScript

Basically the logic of the new Javascript function is the same as the function createFastRowsCallback where the system creates new empty rows in a Table View.

3.2.2 Function: asynchronousRenderingCallback

This function has following changes compared to the fast row creation logic:

• Change the loading text of the no result line to take cases without any results into consideration
• Hide the no result line in cases where we get at least one result

3.2.2.1 Change text

var noResultRow = document.getElementById(values.tableId[0]+"_noresult");
 var regexExp = new RegExp ("<%= cl_wd_utilities=>get_otr_text_by_alias( 'CRM_BSP_UI_FRAME_RECOBJ/LOADING' ) %>","g");
 var noResultText = "<%= cl_wd_utilities=>get_otr_text_by_alias( 'BSP_DYN_CONFIG_TAG_LIB/NO_RESULT_FOUND' ) %>";
 noResultRow.firstChild.innerHTML = noResultRow.firstChild.innerHTML.replace(regexExp,noResultText);

3.2.2.2 Hide line

for (var i = 0, length = values.rows.length; i < length; i++) {<%-- Hide no result line --%>
 noResultRow.className += ' th-displayNone' ;<%-- check if the row already exists in the case where the table has inserted empty rows --%>
 rowFound = true;
 row = document.getElementById(values.rowIds[i]);
 if (values.fixedLeftRows[i] != "")
 rowFixedLeft = document.getElementById(values.rowIds[i]+"_left");
 if (values.fixedRightRows[i] != "")
 rowFixedRight = document.getElementById(values.rowIds[i]+"_right");

4 Summary

This logic provides a good opportunity in scenarios where dedicated requests take a long time and therefore the entire visualization is slow. However, the modification in the JavaScript is highly critical. One mistake leads to heavy errors in the WebUI as this file is used in almost every view. As a result, I can't recommend this for productive systems. I hope, that this can help the SAP to create an improment note to support this functionality.

Cheers,

Sebastian

1.go to transaction SICF
    execute then got default host -> sap->bc->bsp->sap->crm_ui_start

2. click on configuration button of tab error pages

click on adjust links and images

here you can specify different images to be shown . but changing these settings will not make any effect in standard layout of login page.

how to change the complete layout of login page

click on custom implementation radio button.

here we need to specify a class which should be subclass of CL_ICF_SYSTEM_LOGIN

You can use the following classes as a reference to implementation

• CL_ICF_BASIC_LOGIN
• CL_ICF_IDES_LOGIN
• CL_ICF_NW04_LOGIN
  
  
  

here i have copied CL_ICF_BASIC_LOGIN to ZCL_ICF_BASIC_LOGIN

goto metod RENDER_PAGE
there we can see compleate html. make necessary changes here

upload any image in the MIME repository at above path

save and test the output

UPLOAD A FILE IN SAP WEB UI

1.Add component usage ‘GS_FILE_UPLOAD’.

2.create a TABLE view with  button upload.

3.call component usage as popup on clicking that button.

create event handler onpopup_closed.

METHOD eh_onpopup_closed.
“structure corresponds to view attributes
TYPES :BEGIN OF ls_struct,
emp_id TYPE char10,
name TYPE char30,
END OF ls_struct.
FIELD-SYMBOLS <fs_wa_data> TYPE ls_struct.
DATA : lr_value_node   TYPE REF TO cl_bsp_wd_value_node,
lr_bo_col       TYPE REF TO if_bol_bo_col,
lr_struct       TYPE REF TO ls_struct,
lr_output_node  TYPE REF TO cl_bsp_wd_context_node,
lr_property     TYPE REF TO if_bol_bo_property_access,
lv_file_content TYPE string,
lt_file_content TYPE stringtab,
lv_dummy        TYPE string.

"CLEAR EXISTING VALUES
me->typed_context->filecontent->collection_wrapper->clear( ).
"GET UPLOADED VALUES
lr_property  = gr_popup->get_context_node( iv_cnode_name = 'FILE' )->get_collection_wrapper( )->get_current( ).
lr_property->get_property_as_value(
EXPORTING
iv_attr_name = 'FILE_CONTENT_STRING'    " Component Name
IMPORTING
ev_result    = lv_file_content
).
IF lv_file_content IS NOT INITIAL.
CREATE DATA lr_struct.
ASSIGN lr_struct->* TO <fs_wa_data>.
"SPLIT EACH LINE TO TABLE
SPLIT lv_file_content AT cl_abap_char_utilities=>cr_lf INTO TABLE lt_file_content.
CLEAR lv_file_content.
IF lr_bo_col IS NOT BOUND.
CREATE OBJECT lr_bo_col TYPE cl_crm_bol_bo_col.
ENDIF.
LOOP AT lt_file_content INTO lv_file_content .

“ignore the title
IF sy-tabix <> 1.
"SPLIT VALUES FROM STRING
SPLIT lv_file_content AT ',' INTO <fs_wa_data>-emp_id <fs_wa_data>-name lv_dummy.
"CREATE VALUE NODE OBJECT
CREATE OBJECT lr_value_node
EXPORTING
iv_data_ref = lr_struct.
"ADD TO COLLECTION
lr_bo_col->add(
EXPORTING
iv_entity    = lr_value_node     " Access Interface for BO Attributes
*      iv_set_focus = ABAP_FALSE    " Indicator: Set Focus on New Element
).
ENDIF.
ENDLOOP.
me->typed_context->filecontent->collection_wrapper->add_collection( iv_collection = lr_bo_col  ).
ENDIF.
ENDMETHOD.

Output

Upload the file

Someone asked me that how to find the relevant AET tables for his created AET fields. When we created the AET fields from the object part with which we are familiar, then we can easily find it. For example, if we create an AET field from object part ORDERADM_H, then we can easily guess that the relevant database table will be CRMD_ORDERADM_H.

But if we created the AET fields from an unfamiliar component/view, object part, then what is the easy way to find the relevant database AET table? Actually you can follow the following 3 steps. In example below, we created an AET field under component PRDHS and its enhancement place is INCL_EEW_PROD_MAT.

1. Open AET by configuration and note down the enhancement place(ex.INCL_EEW_PROD_MAT) of your AET field.

2. Run t-code:se11, then enter enhancement place INCL_EEW_PROD_MAT in field Data type and display it. Then click button “Display Object List”.

3.Then you can find relevant AET table under folder “Database Tables”. As we enhanced the field on header, So it is easy to find the table is CRM_EXT_MATH.

Purpose

In CRM, when saving a transaction(T_code CRMD_ORDER or CRM webui), there are function modules executed in update task. Sometimes, we get errors from these function modules. The typical sample is: SAPSQL_ARRAY_INSERT_DUPREC which happens in function modules like CRM_SERVICE_OS_UPD_SUB_DU.

Most of time, it happens because the same function module is executed twice with the same records to insert. If we know from where the function module is called, we can understand the whole logic more clearly and find out the reason why it runs in this way.

Normally, updates use database table VBMOD and VBDATA to record the update tasks. So we can use T-code SM13 to get information for the update function modules. But for CRMD_ORDER and CRM webui, we cannot find the update information in SM13. It is because both T-code CRMD_ORDER and CRM webui use ABAP Memory technology instead of VBMOD and VBDATA.

We can consider setting a breakpoint in the update function module. But when the breakpoint stops, it is already inside this function module. We still don't know who call it.

Of couse, we can also set breakpoint in the command 'CALL FUNCTION' or 'CALL FUNCTION IN UPDATE TASK'. It will stop at every 'CALL FUNCTION' statement. If we are lucky enough, we can find out quickly the line where the expected function module is called. But for me, I cannot say so.

Then, how can we locate quickly the place where the update function module is called? In this article, I will explain with a sample how I do.

How is the update information stored and retrieved

If we display program SAPMSSY0 in T-code SE38, we can find export to memory id statement. It writes %_vb_calls into ABAP memory with ID %%vbkey while %_vb_calls contains the update function modules information.

Let's display program SAPMSSY4. We will see import from memory statement. Now the update information in the ABAP memory is imported to %_vb_calls.

Sample

I want to find out where the update function module CRM_SERVICE_OS_UPD_OST_DU is called.

steps in T-code CRMD_ORDER

1. Set breakpoint in line 575 of program SAPMSSY0 and line 31 of program SAPMSSY4.

2. Create a transaction, input values. Before clicking 'save' button, input /h and click Enter first.

3. Click 'save' button, it will go into debug mode. Check from menu 'Settings'->'Change Debugger Profile/Settings', make sure system debug is switch on since SAPMSSY0 and SAPMSSY4 are system programs.

4. Click F8, the breakpoint will stop at the line 575 of program SAPMSSY0. Double click the variant vb_func_name, the value now is, for example, CRM_ACTIVITY_H_UPDATE_DU.

5. From the callstack, if we double click on the previous program, we can see how FM CRM_ACTIVITY_H_UPDATE_DU is called in FM CRM_ORDER_TABLE_SAVE.

6. If we click F8, we can get all callstacks and notice that the variant VB_FUNC_NAME is the update function module name which is being called.

7. Of course, I just want to find out where FM CRM_SERVICE_OS_UPD_OST_DU is called. If I click F8 everytime, I have to stop many times. In order to make it fast, in step 5, I will set a condition for the breakpoint. Go to 'Break/Watchpoints' tab, click 'new' to create a condition.

8. The condition is VB_FUNC_NAME = 'CRM_SERVICE_OS_UPD_OST_DU'.

9. Go back to 'standard' tab, click F8. This time, it will stop only when the update function module 'CRM_SERVICE_OS_UPD_OST_DU' is called. In this way, I can find out where the expected function module is called.

The entries of %_vb_calls change every time when we stop here. At the moment, its content is:

10. If we continue to click F8, finally, we will come to the line 31 of SAPMSSY4.

Content of %_vb_calls will be:

After this, system will loop %_vb_calls, execute the update function modules one by one.

steps in CRM webui

The steps in CRM webui are similiar to the ones in T-code CRMD_ORDER. For example, if I create an interaction record, all the steps will be:

1. Set breakpoint at line 575 of program SAPMSSY0 and line 31 of program SAPMSSY4. Please notice the breakpoints are 'external breakpoint'.

2. Set breakpoint at method CL_ICCMP_BT_BUTTONBAR_IMPL->EH_ONSAVE.

3. Create an interaction record and click 'save' button.

4. Breakpoint will stop at line 575 of program SAPMSSY0. Also make sure system debug is switched on. Set condition VB_FUNC_NAME = 'CRM_SERVICE_OS_UPD_OST_DU', then click F8 to continue.

5. Breakpoint will stop when FM CRM_SERVICE_OS_UPD_OST_DU is called.

The Web Client UI Framework (WEBCUIF) is now offering the new standard SAP Blue Crystal theme. SAP Blue Crystal is the new visual design theme, introduced by SAP Fiori, which succeeds the older Corbu design. It is based on the same interaction design and UI controls as Corbu, but uses different colors. This new visual design offers a modern and fresh look.

SAP Blue Crystal can also be used to integrate existing user interfaces into SAP Fiori scenarios. It thus aims to reduce visual disruption between the different technologies. it harmonizes the coloring and design of different controls, but does not resemble Fiori's user interaction, navigation and the like.

Characteristics of the "SAP Blue Crystal" design for Unified Rendering:

• very light design
• less use of grey colors
• harmonized coloring with "SAP Blue Crystal" for SAPUI5
• based on the metrics of "SAP Corbu"
• uses CSS3 technology

For more information, see SAP Note 2227135 "New visual design Blue Crystal for the Web Client User Interface" and 2239424 "Blue Crystal Theme in Interaction Center".

Hello everyone,

Recently we got chance to work on excel download/upload/open functionality from CRM UI.

In result table view of custom application we have some field of type hyperlink, on click of these hyperlink fields we have to display different data of customers

in excel form. The issue we were facing that the open of excel was working only first time means when we were opening excel  on click of hyperlink field it was opening perfectly only for first time but second time none of hyperlink field was working.

Event if we were opening same excel twice , it was not working.

I searched this issue on SCN and find number of incomplete threads on the same , so just sharing a small solution that is working fine to remove this issue.

We are using callback class approach to open excel and using window.open() method in .HTM page to oprn excel URL.

After preparing all data in callback class when we were opening the URL from HTM page with Window.open() , system was considering the every URL as same one. So to remove this one we have to pass unique URL every time on click of any hyperlink field.

so in HTM page we change our final URL as::

<script type  = "text/Javascript"    language  = "Javascript" >

<%   IF lv_our_URL is not initial.  %>

Window.open("<% lv_our_url  %> , <%   sy-uzeit %> ");

<%

Clear lv_our_url.

endif .  %>

</script>

Above code made URL unique each time and open excel without any issue.

Hope it will Help.

Regards,

Harish kumar.

These Release Notes focus on new features and enhancements delivered as part of the Web Client UI Framework EhP4 Support Package 01.

The WEBCUIF development team members are doing their best to provide those new developments on older releases. So if you are interested in a specific feature, verify its availability by checking the corresponding SAP Note.

New Features and Enhancements

New visual design Blue Crystal for the Web Client User Interface

SAP Blue Crystal is the new visual design theme, introduced by SAP Fiori, which succeeds the older Corbu design. It is based on the same interaction design and UI controls as Corbu, but uses different colors. This new visual design offers a modern and fresh look.

SAP Blue Crystal can also be used to integrate existing user interfaces into SAP Fiori scenarios. It thus aims to reduce visual disruption between the different technologies. it harmonizes the coloring and design of different controls, but does not resemble Fiori's user interaction, navigation and the like.

See blog post New WEBCUIF Standard Theme: Blue Crystal.

See SAP Note: 2227135

Direct URL for Saved Search

A new button "Open Saved Search with a persistent URL" has been added to the Central Search Launcher. When the user clicks on this button, the selected Saved Search will be launched in a new window (or tab depending on the user's browser settings) with a stable URL.

See SAP Note: 2211185

Recent Items filtered on object type

This feature allows users to quickly filter out their recent activity without having to go through the whole list. Also, the limits on how many recent items that are stored has increased, allowing each object type to have its own limit.

For example, before this feature, if the total Recent Items limit was 5 items, the 6th item is deleted. Now, there will be 5 of each type that is stored in the backend. This way, when the filter is applied, the last 5 of that object type are displayed.

See SAP Note: 2181937

Custom help documents

In order to further help and guide the user, it is possible to provide Custom Help content via integration with the Workforce Performance Builder.

See SAP Note: 2218828

If you missed them, check out the WEBCUIF EhP3 SP10 - Release Notes

Hello everybody,

first of all I have to apologize pretty much, we simply missed out that there was one lesson pending. So here comes lesson 11 after a quite long waiting period.

As suggested before the chapter mainly deals with the sub function. But enough talking, let's concentrate on the details:

Copy data from sub queries using * = sub(...)

Upto now it was possible to add data returned by a subquery, either if it was a single field or as reference to a structure or a table. In case it was required to add two fields (e.g. Average and Standard Deviation), this would require two distinct sub queries harming performance and readability.

Now it is possible to using the star operator "as target". In this case the data returned by the sub query is examined. If it is a table or an unstructured field, an error is risen. In case it is a structure all fields of the structure are copied to the result.

~*/SearchResFlightRel{@CARRID;@CONNID;@FLDATE;*=SUB(~*/FlightBookRel[@CLASS="Y"]$(*::!Count=Count();!Average=AVG(@LOCCURAM,2);!Median=Median(@LOCCURAM)))}$
Code Example 50,*=SUB(), copy data from sub query

Well ok, the example got a bit complicated. But it is worth taking a look at. On the outer side we have list of flights from which we want to return the keys and some data from the sub query. The inner side / sub query works on the bookings using the "aggregate to one value" feature to ensure that the result is a structure and no table. The sub query filters to Class = Y (Economy Class) and determines the three values Count, Average and Median, speaking for themselves. Interestingly Median is mostly the same, guess that's caused by the fact, that it is generated data. Please note also that some of the flights have no bookings, hence the fields remain empty / null.

The result of the query is a list of keys plus number, average and median amount (in local currency) of the economy class bookings of the respective flight.

A small remark, in case the complexity above is still not enough for you. I tried to work with a second grouping on the outer level. Actually this should work, except that you do not have the feature you probably want: Access to the data generated within the sub. Every access to a target within the group code is interpreted as access to the group item and not to the actual item.

Addings rows from a sub query using $ = sub() [ the OR feature ]

Sometimes data might be reached on different pathes and it is wishful to return the data from several pathes instead of a distinctive path. Although it was possible with sub queries to return the data either as linked structure or (using dereferencing) in columns, it was not possible to simply "or" the data assembled by the various sub-queries, meaning to add a new row for every dataset found.

This is now possible using the $= feature which realizes kind of OR. For every element returned by the sub query a new row is added and a move-corresponding is executed. This means that no new columns were added by this statement (in contrast to *= ).

See below a non-trivial example of the usage.

~*CRMS_BOL_UIF_TRAVEL_CONN_ATT/SearchResFlightRel{!SOURCE:="MAIN"}/FlightConnectionRel{$=sub(~*CRMS_BOL_UIF_TRAVEL_CONN_ATT/.{!SOURCE="SUBQUERY"}/*);!1=@CONNID}/ConnectionCarrierRel/CarrierConnectionRel[@CONNID<>!1]/*$
Code Example 51,$=SUB(), adding single rows from sub query

Data is collected for the Connection object on two distinct pathes. The first is directly related to the connection and is fetched by the sub-query. The other is executing the relation to the carrier and checks which other connections are available, which are also added to the return data. In fact we are returning data as "my connection" OR "other connections". In this example case here, the task could be resolved with standard tools also, but there exist typical examples in real life (fetching emails from contacts, which may be placed under contact, relation ship or address details) requiring this feature.
Please note that in above example only a single element is returned by the subquery (no dollar appears in sub query). If we turn the logic around, we have to return and add a full table, so the code would look like:

~*CRMS_BOL_UIF_TRAVEL_CONN_ATT/SearchResFlightRel{!SOURCE:="MAIN"}/FlightConnectionRel{!1=@CONNID;$=sub(~*CRMS_BOL_UIF_TRAVEL_CONN_ATT/ConnectionCarrierRel/CarrierConnectionRel{!SOURCE="SUBQUERY"}[@CONNID<>!1]/*$)}/*$
Code Example 52,$=SUB(...$), adding rows from sub query

Note that the subquery accesses the global variable !1, which is set by the embedding query.

Sub queries can also be used (either returning structures or tables) in this manner, in case the embedding queries returns only the first element (as structure). In this case the inner sub query should also return only the first element, since anyway all others are ignored, but syntactically it would be also supported to return a table.

Merging structures

This enhancement allows to merge structures as in the following self-explanatory example:

~*CRMS_BOL_UIF_TRAVEL_BOOK_ATT+~CRMS_BOL_UIF_TRAVEL_FLIGHT_ATT/SearchResFlightRel{$:=sub(*)}/FlightBookRel/*$
<Code Example 53,~STRUCT1+~STRUCT2/./..., merging structures

Textsearch()

~*/SearchResFlightRel/FlightBookRel[TEXTSEARCH("*ller*")]/*$
Code Example 54,!x:=Textsearch("*"), text search on complete structure

Text search provides the feasibility to search the given pattern on all string fields of the structure which have at least a certain size. The size might be specified as second, optional parameter. If not specified only strings with size 9 or bigger are encountered.

Well I guess with this last feature we are through with our series.

I thank all readers for their interest and the patience as the whole series spawned over a pretty long period.

Best Regards, Juergen

Purpose

Sometimes on a table view, you want to sort the list by a field, you select “Sort Ascending” or “Sort Descending” on the field, but it does not provide the accurate result you expect.

One example: you log on with SALESPRO business role, open an account, go to the “ERP Sales Order” assignment block, click on field “Sales Order ID”, select “Sort Ascending”, the result looks like:

This is not the result you expect. I will explain here why the result looks like this.

Get the model information

1. Press F2 button on the Sales Order ID field and get the technical data:

    component/view: BP_ERPBT/ERPTransactionsOV

    context node: ERPQRORDER

    attribute: VBELN

2. Go to component workbench (TCode BSP_WD_CMPWB), open component/view BP_ERPBT/ERPTransactionsOV, find the context node ERPQRORDER, as shown in the screenshot the base entity of the context node is ERPQROrder. This is the object model used.

Get the data type information

Run TCode GENIL_MODEL_BROWSER, check the radio button Component and enter ERP, then click Display button, expand Query Result Objects, and find the model ERPQROrder, expand the attribute structure, and locate the VBELN attribute

Double click on the VBELN attribute, see the Date Type is CHAR.

So even the value of the Sales Order ID field are numbers, the date type used for Sales Order ID field is CHAR therefor it will be sorted as TEXT. This is why you see the result as shown in the first screenshot.

You can also set a breakpoint in method SORT_INTERNAL of class CL_CRM_BOL_BO_COL, and check how the sorting works. In this method it will get the date type of the attribute you select to sort, and then execute different coding for different data type, like Date, Time, CHAR, etc.

This is going to be a rather short blog. However, as I didn't read anything related to the topic so far I think is worthwhile sharing my experience.

Introduction

Since the first time I saw a demo of SAP Screen Personas on SCN I really liked the idea of being able to change the look and feel of existing ERP transactions. Therefore, I immediately installed the add on on one of our internal development system and tried it out. However, as earlier versions of SAP Screen Personas required the installation of Silverlight at the client computer I never started to roll it out for our customers.

In version 3 SAP Screen Personas was redesigned to no longer require Silverlight at the client computer. Therefore, I started to look at possible usage scenarios for SAP Screen Personas again. One scenario that immediately came to my mind was the simplification of ERP transaction integrated into SAP CRM using the transaction launcher technology.

Note that in this blog I won't give any introduction to the SAP Screen Personas functionality. A comprehensive collection of demo's and learning content for SAP Screen Personas is available here: SAP Screen Personas – Getting Started

SAP CRM Transaction Launcher

In short, the SAP CRM transaction launcher is a technology to integrate ERP transactions into SAP CRM. This is require if, for example, if no suitable SAP CRM functionality is available but a process needs to be executed from with SAP CRM. The integration of the ERP transaction into the SAP CRM Web UI is achieved using SAP GUI for HTML. If you are interested in further details regarding the transaction launcher technology as well as other usage scenarios I reccomand reading the two excellent document Almost Everything About Transaction Launcher - Part I and Almost Everything About Transaction Launcher - Part II by Hasan Zubairi.

One of the processes where we use the the integration of ERP transactions into SAP CRM is changing the contract account in the future via transaction CAA2. The layout of the transaction when displayed in the transaction launcher is shown in the screen shot below. As usually for ERP transaction it contains quite a number of fields that are not required in all processes variants.

Using SAP Screen Personas we could simplify the transactions to the required set of fields. An example of such a simplified transaction is shown in the following screen shot. From the screen shot it is immediate obvious, that it is possible to combine SAP Screen Personas and SAP CRM.

Configuring Transaction Launcher with SAP Screen Personas

So the question now is what is required to integrate SAP CRM transaction launcher and SAP Screen Personas. After executing the necessary post installation steps for screen personas (cf. Pre- and post-installation Checklist) the configuration is quite straight forward. Using transaction CRMS_IC_CROSS_SYS it is only necessary to change the URL for ERP_ISU from http://<server>:<port>/sap/bc/gui/sap/its/webgui/!?~transaction=IC_LTXE&~okcode=ICEXECUTE&sap-client=100 to http://<server>:<port>/sap/bc/personas/!?~transaction=IC_LTXE&~okcode=ICEXECUTE&sap-client=100 (cf. the following screenshot).

After this, all ERP transaction integrated into SAP CRM via the transaction launcher technology are rendered using Screen Personas. Furthermore, it is even possible to adjust the transaction using Screen Personas directly from within the SAP CRM session.

Christian

Purpose:

In this article, I will show how the framework enhancement is managed, where to find related information, the navigations between SE18 enhancement spot tool and enhancement implementation tool, and some other related information.

Introduction

We have known about new Framework enhancement technology.

In CRM system, the mostly used technology is Kernel-BADI enhancement. For example, BADI component_loading is integrated into enhancement spot COMPONENT_HANDLING. BADI CRM_BP_UIU_BT is part of enhancement spot CRM_UIU_BP_ENHANCEMENT.

Even though I don’t use it, but I also found Source Code enhancement spot es_crm_btx_eew_wzd in function group CRM_BTX_EEW_WZD.

Of course, implicit enhancement interfaces are also provided in classes, function modules, subroutines, etc.

We can find lots of documents regarding framework enhancement - about the advantages, about the four technologies which are used for different purposes, about how to create implementations,  etc. For example:

The new Enhancement Framework and the new kernel-based BAdI

Enhancement Framework in ABAP - Blog 1

...

Prerequisite:

• Understand the framework enhancement technology
• Basic knowledge on how to create implementations for an enhancement spots

Objects:

In order to make it clear, the objects I will create are:

• A package ZPACK_CORRI.
• My own program Z_REP_CORRI, and include file Z_REP_INCL under package ZPACK_CORRI.
• Enhancement spot ZENH_CORRI_SPOT1 with enhancement point Z_POINT1_1 in program Z_REP_CORRI,
  Enhancement spot ZENH_CORRI_SPOT1 with enhancement point Z_POINT1_2 in include file Z_REP_INCL,
  Enhancement spot ZENH_CORRI_SPOT2 with enhancement point Z_POINT2_1 in program Z_REP_CORRI.
• Another package ZPACK_CORRI_TMP.
• Enhancement Z_POINT11_SPOT1 for enhancement point Z_POINT1_1 for enhancement spot ZENH_CORRI_SPOT1.
• Enhancement Z_POINT12_SPOT1 for enhancement point Z_POINT1_2 for enhancement spot ZENH_CORRI_SPOT1.

Steps:

1. In Z_REP_CORRI, put cursor in the expected line, then go to menu 'Edit'->'Enhancement Operations'->'Create Option'. In the pop up dialog, input enhancement point Z_POINT1_1, enhancement spot ZENH_CORRI_SPOT1, package ZPACK_CORRI.
   
2. In the same way, create enhancement point Z_POINT2_1 for enhancement spot ZENH_CORRI_SPOT2.
   
3. After that, enhancement spot ZENH_CORRI_SPOT2 is also created.
   
4. Create enhancement point Z_POINT1_2 for enhancement spot ZENH_CORRI_SPOT1 in file Z_REP_INCL. This time, since enhancement spot ZENH_CORRI_SPOT1 has already been created, we just need to select the entry.
   
5. After added the enhancement point in file Z_REP_INCL.
   
6. Double click enhancement spot ZENH_CORRI_SPOT1 on the left side, it will navigate to the enhancement spot tool.
   
   Actually, this enhancement spot tool is SE18 itself.
   
   click 'Display' button, it goes into the same screen.
   
7. Let's go to 'Enhancem. Implementations' tab. There is nothing because there is no any enhancement yet.
   
8. Now, create an enhancement for enhancement spot ZENH_CORRI_SPOT1 in point Z_POINT1_1. The enhancement's name is Z_POINT11_SPOT1. I put this enhancement under the 2nd package ZPACK_CORRI_TMP(Of course, you can put it under any package even ZPACK_CORRI itself also. But as I'm simulating the process, I pretend that package ZPACK_CORRI is standard developer package while ZPACK_CORRI_TMP is customer package).
   
   
9. Let's check the implementation tool under package ZPACK_CORRI_TMP. From here, we can also go to enhancement spot tool.
   
10. Of course, if we goto 'Enhancem. Implementations' tab again, an entry is added. If we double click the cell of 'Z_POINT11_SPOT1', it will navigate to the same implementation tool as in above point 9.
    
11. From implementation tool, if click 'Editor' button, it will navigate to the ABAP editor. If click 'Source' button, the enhancement source codes will be displayed in the same screen.
    

Additional information:

I made above samples from my own Z programs. Actually, the normal way to use enhancement spots are:

1. SAP developers create enhancement spots, provide enhancement points in SAP delivered standard programs.
2. Then enhancements will be created by SAP developers for utility purposes. In this situation, the enhancements will be provided to customers as a part of SAP standard. Or the enhancements can be created by customer per their business requirements. At this time, the enhancements’ names of course will start with Z or Y.

For example:

From this source codes, double click ES_SAPMV45A, it navigates to enhancement spot tool. Go to 'Enhancem. Implementations' tab, the customer enhancement ZMY_IMP_CORRI can be found. Of course, we can find ECO_HBS_SAPMV45A, /SAPMP/SALES_ORDER_V_SAPMV45A, etc also.

If you are interested, please check the same information in DB table

Related DB tables:

ENHSPOTHEADER, ENHOBJ, ENHLOADINVAL, ENHHEADER, ENHSPOTNAME_TYPE, ENHSPOTOBJ, ENHOBJCONTRACT, ENHINCINX, ENHLOG, ENHTAB, ENHDEPENDENT

Purpose

Sometime you faced the problem that the remote system is not determined correctly while calling a transaction launcher. This article will show how transaction launcher determines the remote system.

Introduction

Basically there is a static way to determine the remote system but also with release CRM 7.0 and higher, it comes with a feature to determine the remote system dynamically as business need it. for e.g. documents of different ERP systems should be displayed.

Determine the logical system from transaction CRMS_IC_CROSS_SYS

While configuring the transaction launcher, a Logical System is specified.

System reads the mapped logical system in transaction CRMS_IC_CROSS_SYS.

This is a static way of determining the remote system.

Determine the logical system from Global Data Context (GDC)

Sometime business needs to use multiple remote systems. You can check the “MultiSys” checkbox in transaction CRMS_IC_CROSS_SYS.

Then the transaction launcher will read the attribute LOGICAL_SYSTEM from the GDC which can mainly happen in the interaction center.

You can check method CL_CRM_IC_ACTION_UTIL=>GET_LOGSYS_FROM_MAPPING from technical point of view.

Determine the logical system using enhancement spot WCF_LTX

System also has the enhancement spot WCF_LTX which contains the BAdI WCF_LTX_BADI with its method ADJUST_LOGSYS. This method will be called during the initialization phase of the transaction launcher. You can set a breakpoint in method INIT of the transaction launcher

handler class to check the BADI.

GET_V methods locations:

We all know, if we want to add value help to a field, or replace standard value help to a field, we can make use of GET_V method. For example, in the sales order creation screen, the 'Status' field is a DDLB field, it has some values:

This status field comes from context node BTSTATUSH of view BT115H_SLSO/Details:

If we want to change standard value help, we can make enhancement on component BT115H_SLSO and view 'Details', enhance context node BTSTATUSH and redefine method CL_BT115H_S_DETAILS_CN05->GET_V_STATUS_CURRENT.  In the same way, we can also add value helps by adding GET_V methods to those fields which have no value help originally.

However, there are some special cases in which the GET_V methods are not attached to the context node classes. For example, search field 'Sales Org. ID' has a value help:

This field is attribute STRUCT.SALES_ORG of context node BTQSLSORD in view BT115S_SLSO/SlsOrdSQ. This attribute has no GET_V method:

This is because there is a method GET_V_SALES_ORG in class CL_BT115S_S_SLSORDSQ_IMPL which actually locates in class CL_BTSLS_ADVS_CNTRL:

Of course, class CL_BT115S_S_SLSORDSQ_IMPL can also redefine its own logics in the GET_V methods. For example, CL_BTSLS_ADVS_CNTRL->GET_V_EMPLOYEE_RESP is redefined into CL_BT115S_S_SLSORDSQ_IMPL->GET_V_EMPLOYEE_RESP.

In SERVICEPRO business role, in search service order, GET_V methods exist in CL_BT116S_S_ADVANCEDSP_IMPL/CL_BTSRV_ADVS_CNTRL too.

GET_V methods types:

Inside the GET_V methods, there are different types to render the value helps:

1. make use of value help id. The example is CL_BT116S_S_ADVANCEDSP_IMPL/CL_BTSRV_ADVS_CNTRL->GET_V_SALES_ORG
2. make use of ddlb. The example is CL_BT116S_S_ADVANCEDSP_IMPL/CL_BTSRV_ADVS_CNTRL->GET_V_SERVICE_ORG
   
3. make use of event triggers. For example, in method CL_BT116S_S_ADVANCEDSP_IMPL/CL_BTSRV_ADVS_CNTRL->GET_V_CATEGORY_ID, it defines event 'SELECT_CATEGORY' (if_crm_srqm_uiu_const=>gc_event_select_category).
   
   Of course, the event should be handled somewhere. Here it is CL_BTSRV_ADVS_CNTRL->DO_HANDLE_EVENT.
   

Another usage for the GET_V methods are controlling operaters: For example: in method CL_BT116S_S_ADVANCEDSP_IMPL/CL_BTSRV_ADVS_CNTRL->GET_V_SERVICE_ID.

Additional information:

There is a special function for search field 'Categorization': Normally, when we click on a field, the cursor will focus on it. If we want to use the F4 help function, we must click on the 'F4 Help' icon attached to this field. But for 'Categorization' field, if we click on the field itself, the F4 help dialog will also pop up like we click on the 'F4 help' icon directly. Why?

This is because the attribute cs_result-INPUT_HELP_MANDATORY is set as 'X'.

Just like 'operators', 'server_event', 'ddlb_options', 'output_mapping', 'help_id', attribute 'input_help_mandatory' can also be assign values in CL_..._ADVS_CNTRL->GET_V_XXX methods.

But of course, there are other places to set these attributes. For example:

• For business role SERVICEPRO, search 'service orders', attribute for input_help_mandatory for field 'Categorization' is set in method CL_BSP_WD_CONTEXT_NODE_ASP->GET_DQUERY_VALUEHELPS according to the returned value from method CL_CRM_UIU_BT_ADVS_CN->GET_P_CATEGORY_ID.

• For business role SALESPRO, search 'Leads', in method CL_BT108S_L_SEARCH_IMPL->GET_DQUERY_DEFINITIONS, operators, server_event are controlled.

After we find out that fields that were added into ORDERADM_H with AET are not generate a change log. I open an incident and after we got an answer "that's the way it is" but with a clue what can be done.

you can see the note that were created: 2248082 - Customer fields created from AET don't generate change documents

It's a REPAIR but at least it working

My change only record changes of ORDERADM_H.

1) Go to FM CRM_ORDER_CHANGE_DOCS_CREATE

2) Change to edit mode (remeber to get an access key)

3) After variables declaration INSERT:

   DATA:   lt_orderadm_h_new     TYPE vcrma_orderadm_h  OCCURS 0,
               lt_orderadm_h_old     TYPE vcrma_orderadm_h  OCCURS 0,
               lv_orderadm_h_wrk TYPE  crmt_orderadm_h_wrk,
               lv_orderadm_h LIKE LINE OF lt_orderadm_h_new.

4) line 344 (before changes) REPLACE:

    LOOP AT lt_objects INTO ls_objects
          WHERE chd_relevance NE space                  AND
                ( kind EQ gc_object_kind-extension_h OR
                  kind EQ gc_object_kind-set ) AND
                generated = false.

WITH:

      LOOP AT lt_objects INTO ls_objects
            WHERE chd_relevance NE space                  AND
                ( ( kind EQ gc_object_kind-extension_h OR
                  kind EQ gc_object_kind-set ) OR
                  NAME = gc_object_name-orderadm_h ) AND
                generated = false.

      IF ls_objects-name = gc_object_name-orderadm_h.
        MOVE-CORRESPONDING ls_orderadm_h_old TO lv_orderadm_h.
        APPEND lv_orderadm_h TO lt_orderadm_h_old .

        MOVE-CORRESPONDING ls_orderadm_h_new TO lv_orderadm_h.
        APPEND lv_orderadm_h TO lt_orderadm_h_new.
      ENDIF.

5) line 1301 (before changes) INSERT:

        ycrma_orderadm_h      = lt_orderadm_h_old
        xcrma_orderadm_h      = lt_orderadm_h_new

6) Activate and pray

Good luck

Eli

UIF_CALLBACK is a service, as seen from its description in SICF – ‘Generic callback’,  it is used to dispatch the requests into specific classes which are specified as value of parameter ‘crm_handler'. It’s handler class is: CL_CRM_WEB_UTILITY:

In this article, I will explain with some samples how this service runs.

Sample 1:

We all know, for performance purpose, when CRM webui is loaded, Java script files under BSP Application THTMLB_SCRIPTS will be merged into one scripts.js file:

But in this way, it is not convenient to debug when we have some java script problems. Thus user parameter BSP_DLC_DEBUG_PARAM is introduced(in SAP Note 1771865). When this user parameter is set to JS_ALL_FRAMES, things will be changed -- all java script files under BSP Application THTMLB_SCRIPTS will not be merged and loaded into one file, they will be loaded separately and one by one.

From the trace, we can see the service uif_callback is being used, for example:

…/SAP(====)/webcuif/uif_callback/crm_ui_frame/SCRIPTS_.GLOBALS.JS?CRM_HANDLER=CL_THTMLB_SCRIPTS_MANAGER…

Here, value for parameter CRM_HANDLER is CL_THTMLB_SCRIPTS_MANAGER.

How is it done?

In method CL_THTMLB_CONTENT-> IF_BSP_ELEMENT~DO_AT_BEGINNING, parameter BSP_DLC_DEBUG_PARAM is checked. If it is not set, the JS script will be ‘thtmlb_scripts/scripts.js’. But if it is set to value JS_ALL_FRAMES, requests of ‘…webcuif/uif_callback/…’ will be formed instead:

Then how are these classes working?

Let’s set a breakpoint in methods CL_CRM_WEB_UTILITY-> IF_HTTP_EXTENSION~HANDLE_REQUEST and  CL_THTMLB_SCRIPTS_MANAGER-> IF_CRM_WEB_CALLBACK~HANDLE_REQUEST and see what happens.

1. When the request is sent to backend system, CL_CRM_WEB_UTILITY-> IF_HTTP_EXTENSION~HANDLE_REQUEST parses the request parameters and gets the handler class, here it is CL_THTMLB_SCRIPTS_MANAGER:
   
2. Object is created and initialized:
   
3. Application handler is called back:
   
4. Inside the method CL_THTMLB_SCRIPTS_MANAGER->IF_CRM_WEB_CALLBACK~HANDLE_REQUEST, requests are processed, the .JS content is read and returned:
   
5. From the httpwatch trace, we can see the JS content is returned:
   

Sample 2:

As introduced in SAP Note 2181937 ( Recent Items Filtering ), ‘Recent Items’ have filter functions added. Now, for the initial load of recent Items, for the filter dropdown list, for the items retrieving on a specific filter, they are using UIF_CALLBACK.

Take initial load of recent items as an example:

• In crm_bsp_recobj/RecentObjects.htm, there are codes:
  
• 'Fetch' function is defined in THTMLB_SCRIPTS-> scripts_areaframe.js.
  
• In this function, the request is sent out:
  
  value for parameter ajaxURL is: "/sap(bD1FTiZjPTUwNCZpPTEmZT1TVEF6TXpVME1WOWZYMTlmTkRkZk1Ua3dBRkJXckViRUh1V21sQlNIX1ZJM2JnJTNkJTNk)/webcuif/uif_callback?crm_handler=CL_CRM_BSP__RECENTOBJECT0_IMPL&crm_controller=C6_W23_V24&wcf_request=display&wcf-request-ticket=CDB907FAF99F328F1997F34FF2C21322"
• The same, if we set breakpoint in CL_CRM_BSP__RECENTOBJECT0_IMPL-> IF_CRM_WEB_CALLBACK~HANDLE_REQUEST, we will get the callstack:
  

The same thing happens when click the triangle icon for ddlb and select an item to filter:

Additional:

There are many other usages via this service uif_callback. For example, CL_THTMLB_COLOR_UTIL, CL_CRM_UI_SESSION_MANAGER, CL_THTMLB_COLOR_UTIL, CL_THTMLB_SMART_VALUE_HELP, CL_THTMLBX_SILVERLIGHT_ISLAND, CL_THTMLBX_FLASH_ISLAND, etc.

In CRM WebUI pages, there are some tab names. For example:

-- in the business roles selection page, it shows ‘Select a business role: - [XXX XXX]’.

-- After selecting a business role IC_AGENT, if the work area is in ‘Identify Account’, the IE tab name will be ‘Identify Account – [Interaction Center]’.

If work area is changed, the tab name will change accordingly:

Where are these names coming from?

-- Business role selection page:

For this page, the title is set in BSP Application CRM_UI_START->default.htm.

How is the value of title set?  The title is set in OnCreate event for CRM_UI_START->default.htm:

The detailed codes are in method CL_CRM_UI_WINDOW_TITLE_SRV->GET_FULL_TITLE:

Then let’s see how variants gv_title and gv_workarea_title come.

gv_title is set when title server is initialized:

The source codes locate in CL_CRM_UI_WINDOW_TITLE_SRV->GET_INSTANCE:

gv_workarea_title is set in OnCreate event for CRM_UI_START->default.htm:

The detailed codes are in CL_CRM_UI_WINDOW_TITLE_SRV->SET_WORKAREA_TITLE:

To summarize:

-- In a work area:

Tab name is set in BSP Application CRM_UI_FRAME-> WorkAreaViewSet.htm:

Javascript Codes to set title is in CRM_UI_FRAME-> lscripts.htm:

While to get full tile, it is in method CL_CRM_UI_WINDOW_TITLE_SRV->GET_FULL_TITLE:

Let’s see how the values for gv_workarea_title and gv_title are set.

gv_workarea is set from breadcrumb BSPWD_BASICS->BREADCRUMBVIEW.HTM:

The detailed codes are in method CL_CRM_UI_WINDOW_TITLE_SRV->SET_WORKAREA_TITLE:

For gv_title, it is different between IC agent roles and non-IC roles:
-- for IC roles, it is set in _ONINITIALIZATION event of BSP Application crmcmp_ic_frame-> start.htm:

Detailed codes are in method CL_CRM_UI_WINDOW_TITLE_SRV-> SET_TITLE:

-- for non-ic roles, it is set in CRM_UI_FRAME-> WORKAREAVIEWSET.HTM:

Detailed codes are in method CL_CRM_UI_WINDOW_TITLE_SRV-> GET_INSTANCE:

Sometimes when we create/copy a configuration, we may encounter error: BSP_WD_TOOLS 304 Subobject type &1 is not valid for object type &2 like following.

Actually, The Object Sub Types that are regarded to be allowed for a certain UI-Object Type are determined by a Call Back Class, that is defined in the customizing for UI-Object Types and which implements IF_BSP_DLC_OBJ_TYPE_CALLBACK with method GET_OBJECT_SUB_TYPES( ).You can run T-code： bsp_dlc_sdesign to display the "UI Object type" settings to understand which call back class is used for standard UI Object types.

When you encounter the error "BSP_WD_TOOLS 304 Subobject type &1 is not valid for object type &2", the reason could be:

1.You are using a customer z-Object type ZPRD_Z001 does not have a Callback Class defined, which implies that no other Object SubTypes are allowed than <DEFAULT>.

2.The standard call back class doesn't allow your customer subobject type.

For above cause 1, the solution is following:

Please create a z-callback class for your z object type to retrieve your object subtype. For this you must create a call back class that is a Z class which must implement IF_BSP_DLC_OBJ_TYPE_CALLBACK with method GET_OBJECT_SUB_TYPES(), then implement method GET_OBJECT_SUB_TYPES() according to your requirement. You can refer to the standard call back class in T-code： bsp_dlc_sdesign。

Then go to following customizing and customize your call back class. [T-code: SPRO -> Customer Relationship Management -> UI Framework  ->UI Framework Definition -> Define UI Object Types.]

For above cause 2, you can use the same solution I mentioned above for point 1 to create your own call back class.

Or you can debug in the standard call back class to find and understand why standard logic doesn’t allow your z subobject type. If you find any setting problem, you can correct them to resolve the error.

Here I provide you following two examples.

Example Problem 1 for view: ICCMP_BTSHEAD/BTSHeader:

1. In T-code： bsp_dlc_sdesign, we can see the Callback Class for Object Type BT126_INR(see above screenshot) is CL_CRM_UIU_BT_OBJTYPE_CALLBACK. Then we set breakpoint at method IF_BSP_DLC_OBJ_TYPE_CALLBACK~GET_OBJECT_SUB_TYPES of this class.

2.When debugging at following FM, we can see the cause is that the sub object type is not read into lt_pr_type which is for on-line transaction types.

3.Then we check transaction type ZLJI(sub object type) customizing, we find we set it as "Y Blocked for online Maintenance". The standard logic will not load any "X inactive" or "Y Blocked for online Maintenance" entries. As webUI is for online processes.

4.After we blank this field "Inactive", the error is resolved.

Example Problem 2 for view: SRQM_INCIDENT_H/IncidentHeaderEF:

1. In T-code： bsp_dlc_sdesign, we can see the Callback Class for above Object Type CRM_SRQM_INCIDENT is CL_CRM_UIU_BT_OBJTYPE_CALLBACK. Then we set breakpoint at method IF_BSP_DLC_OBJ_TYPE_CALLBACK~GET_OBJECT_SUB_TYPES of this class.

2.When debugging at following FM, we can see the cause is that the template type is not initial.

3.Then we check transaction type ZRQT(sub object type) customizing, we find we set template type as D.

4.After we blank this field "Template Type", the error is resolved.

Please note that inappropriate callback method and entries in customizing table BSPC_DLC_OBJ_TYP will cause errors. So you need to involve your abaper to create method IF_BSP_DLC_OBJ_TYPE_CALLBACK~GET_OBJECT_SUB_TYPES of your z call back class correctly and test it thoroughly. If you encounter any problem due to your call back class, then you can refer to following KBA, to change it back to a standard one as a workaround.

1908034 - Error message "Entity could not be determined" and "Entity cannot be determined" on WebUI

http://service.sap.com/sap/support/notes/1908034

Best Regards,

Bruce