GridLayout

GridLayout-Eigenschaften

The grid layout is a layout that arranges the UI elements in the UI element container in the form of a grid. The number of grid columns can be specified using the GridLayout property colCount.

Note

The UI element InvisibleElement enables you to use empty grid cells within a GridLayout

Padding can be specified in two ways:

In the GridLayout using GridLayout.cellPadding
In the GridData using GridLayout.paddingLeft, or GridLayout.paddingRight, etc.

Both ways are possible. If you set the padding on the GridLayout, padding is set evenly on each cell, as shown in the figure in GridLayoutProperties sapurl_link_0001_0002_0026.

You can also specify padding on each cell. Paddings specified on GridLayouts and GridData are added up.

Runtime Class

CL_WD_GRID_LAYOUT

Properties in the View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
cellPadding	I	0	No
cellSpacing	I	0	No
colCount	I	1	No
stretchedHorizontally	WDY_BOOLEAN	true	No
stretchedVertically	WDY_BOOLEAN	true	No

Aggregations in the View Designer

Name	Cardinality	Type
DRAG_SOURCE_INFO	0..1	DragSourceInfo
DROP_TARGET_INFO	0..1	DropTargetInfo

Events in the View Designer

Name
onDrop

Note

Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:

Layouts
ViewElement s

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. Bear in mind the different spellings.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
cellPadding	CELL_PADDING	I
cellSpacing	CELL_SPACING	I
colCount	COL_COUNT	I
stretchedHorizontally	STRETCHED_HORIZONTALLY	WDY_BOOLEAN
stretchedVertically	STRETCHED_VERTICALLY	WDY_BOOLEAN

Dynamic Programming of Events

View Designer Name	Runtime Name
onDrop	ON_DROP

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
DRAG_SOURCE_INFO	DRAG_SOURCE_INFO	0..1
DROP_TARGET_INFO	DROP_TARGET_INFO	0..1