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
|
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 |
WDUI_TABLE_CELL_DESIGN |
standard |
Yes |
|
WDUI_TABLE_COLUMN_HALIGN |
auto |
Yes |
|
STRING |
|
No |
Events in the View Designer
Name |
Further properties that can be inherited are defined in the associated higher-level class. The associated interface elements are:
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 |
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 |
|
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 |
|
VARIANT_KEY |
STRING |
Dynamic Programming of Events
View Designer Name |
Runtime Name |
ON_TOGGLE |
You can find examples in the system in the Web Dynpro applications, WDR_TEST_TABLE under row popin and cell popin.