GridLayout SAP ABAP Web Dynpro

f we use the GridLayout layout, all the UI elements are arranged in container in a tabular grid with a fixed number of columns. We can specify the number of columns in the grid by usingthe property colCount. The number of rows depends on the number of the UI elements added to the container.We create the same example, but in this case we use GridLayout layout for the Group container.

Group container: GridLayout

Group container: GridLayout

We arrange all the UI elements from the GRP Group UI element in two columns.In this case, at runtime we have:As we can see,the number of columns is two and the number of rows is five.We want the Save button to remain alone in its row. To do this, we have to use an InvisibleElement.

Runtime

Runtime

This UI element is an invisible element on the screen and can be used to fill an empty cell in the GridLayout.

InvisibleElement and GridLayout

InvisibleElement and GridLayout

For a dynamic manipulation, we can use the runtime class CL_WD_GRID_ DATA to embedding the UI elements into the GRP container that has a GridLayout layout.

UI elements into the GRP container that has a GridLayout layout

In this example,we dynamically created the first two UI elements: InputField for the user first name and the corresponding label. To embed these UI elements into the GRP container (GridLayout),we use the proper GridData layout.


Face Book Twitter Google Plus Instagram Youtube Linkedin Myspace Pinterest Soundcloud Wikipedia

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

SAP ABAP Web Dynpro Topics