Entering content frame

Background documentation TablePopinToggleCell Locate the document in its SAP Library structure

This UI element is a TableCellVariant, with which you can expand or collapse the Popin for a line. To do this you simply insert it into the relevant column, and set selectedCellVariant of TableColumn and the variantKey of the TablePopinToggleCell to a common value (not empty)

A further prerequisite is that the property Table.selectPopin is bound to a STRING attribute under the Table.dataSource.

 

This UI element displays an arrow pointing right when the popin is closed, and an arrow pointing down when the popin is open. You can open and close the popin by clicking on the arrow.This is done automatically by the cell variant without any involvement from the application developer.

Example of the Display

This graphic is explained in the accompanying text

 

If the table column of the TablePopinToggleCell has a popin, this is controlled, otherwise the popin of the table itself is controlled with it.

 

Runtime Class

CL_WD_TABLE_POPIN_TGL_CELL

 

Properties in the View Designer

Name

Type

Initial Value

Bindable

ID

STRING

(automatic)

No

cellDesign

WDUI_TABLE_CELL_DESIGN

standard

Yes

hAlign

WDUI_TABLE_COLUMN_HALIGN

auto

Yes

variantKey

STRING

 

No

 

Events in the View Designer

Name

onToggle

Note

Further properties that can be inherited are defined in the associated higher-level class.  The associated interface elements are:

·         AbstractTableCellVariant

·         ViewElement

Dynamic Programming

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

Dynamic Programming of Properties

View Designer Name

Runtime Name

Type

cellDesign

CELL_DESIGN

WDUI_TABLE_CELL_DESIGN

 cellDesign: badvalue_dark

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-BADVALUE_DARK

 cellDesign: badvalue_light

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-BADVALUE_LIGHT

 cellDesign: badvalue_medium

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-BADVALUE_MEDIUM

 cellDesign: criticalvalue_dark

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-CRITICALVALUE_DARK

 cellDesign: criticalvalue_light

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-CRITICALVALUE_DARK

 cellDesign: criticalvalue_medium

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-CRITICALVALUE_MEDIUM

 cellDesign: goodvalue_dark

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-GOODVALUE_DARK

 cellDesign: goodvalue_light

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-GOODVALUE_LIGHT

 cellDesign: goodvalue_medium

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-GOODVALUE_MEDIUM

 cellDesign: group_level1

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-GROUP_LEVEL1

 cellDesign: group_level2

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-GROUP_LEVEL2

 cellDesign: group_level3

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-GROUP_LEVEL3

 cellDesign: key_medium

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-KEY_MEDIUM

 cellDesign: negative

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-NEGATIVE

 cellDesign: positive

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-POSITIVE

 cellDesign: standard

CL_WD_TABLE_POPIN_TGL_CELL=>E_CELL_DESIGN-STANDARD

hAlign

H_ALIGN

WDUI_TABLE_COLUMN_HALIGN

 hAlign: auto

CL_WD_TABLE_POPIN_TGL_CELL=>E_H_ALIGN-AUTO

 hAlign: beginOfLine

CL_WD_TABLE_POPIN_TGL_CELL=>E_H_ALIGN-BEGIN_OF_LINE

 hAlign: center

CL_WD_TABLE_POPIN_TGL_CELL=>E_H_ALIGN-CENTER

 hAlign: endOfLine

CL_WD_TABLE_POPIN_TGL_CELL=>E_H_ALIGN-END_OF_LINE

 hAlign: forcedLeft

CL_WD_TABLE_POPIN_TGL_CELL=>E_H_ALIGN-FORCED_LEFT

 hAlign: forcedRight

CL_WD_TABLE_POPIN_TGL_CELL=>E_H_ALIGN-FORCED_RIGHT

variantKey

VARIANT_KEY

STRING

 

Dynamic Programming of Events

View Designer Name

Runtime Name

onToggle

ON_TOGGLE

 

Example

You can find examples in the system in the Web Dynpro applications, WDR_TEST_TABLE under row popin and cell popin.

 

 

 

Leaving content frame