Web Design API for Tables 

Purpose

The Web Design Application Programming Interface (Web Design API) is aimed at Web designers and ABAP programmers that want to create Web applications for highly individual scenarios, such as BI cockpits, based on BEx Web application design and want to change the display of tables or navigation blocks to meet their own requirements.

The Web Design API enables you to modify individual cell data (characteristic values, column headers, value cells, and so on) with relation to content, display and navigation options.

Process Flow

...

       1.      Using the Class Builder (transaction SE24) or the Object Navigator (transaction SE80), you create a class with a class name in the customer name space.

       2.      You give the class the same properties as class CL_RSR_WWW_MODIFY_TABLE.

       3.      You only implement the methods that fill cell contents that you want to change. For more information about the different methods, see Table Interfaces.

       4.      You create your Web template from the table provided by SAP.

       5.      You extend the object tag of the table or the navigation block in the Web template with the parameter <param name='MODIFY_CLASS' value='YourClassName'>.

       6.      You check in the modified Web template.

For more information on the creation and use of ABAP classes within the framework of the Web Design API for tables, see Creating and Using ABAP Classes.

Result

The next time you call up the Web template, your class for adjusting the table contents is called up.

SAP recommends that you test this in transaction RSRT2. Select the HTML checkbox and enter the contents of the start URL from CMD=LDOC as the URL.

You can now test the HTML generation in the debugger. Simply set suitable breakpoints and restart the transaction.