Customizing standard ITS template

[Former Member]

Hi All,

I am trying to display tabular data on the screen and then generating an ITS template for the same.Requirement is to configure function key support,table row collapse and expansion on click etc using custom template. I used ALV for the list and the template was generated fine but now the requirement is to customize the sap generated template with the use of Javascript, HTML,AJAX controls etc.I I am not able to integrate javascript code into the generated HTML as there is no table id in the standard HTML for ALV grid.Then i tried step loops option ,the html generated doesn't have tabular tags .Now I am trying table controls and getting the error "Unknown type TABLE for element...".But i searched on this and it appears table controls is supported with ITS applications.

Can anyone of you helpful guys point me towards the right direction ?

Thanks in advance !!!

[Former Member · Accepted solution]

Hi Hema,

This document explains how you could integrate the HTML with your javascript and css files:

Is it necessary for you to use ALV? It is just that the HTML template version for an ALV becomes too complicated to understand. Instead, you can create a normal table, along with the sub-rows, and then display/hide the sub-rows depending on the user's selection within the HTMl template using javascript.

In order to display it in table form in HTML, you can surround your fields with the <table><tr><td></td></tr></table> tags. The hide/display of sub-rows can be done from the javascript files by changing the corresponding <tr> attributes.

To see a demo of Table Control, you can execute the sample page provided by SAP in this path: /default_host/sap/bc/gui/sap/its/sample/IAC_TABLE.

Please let me know if you have more questions.

Regards,

Utkarsha K