TablePopinToggleCell
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 Visual 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 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 View Designer
Name |
Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:
Dynamic Programming
For dynamic programming, the same properties, events and aggregations are available as in 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_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-BADVALUE_DARK |
|
cellDesign: badvalue_light |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-BADVALUE_LIGHT |
|
cellDesign: badvalue_medium |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-BADVALUE_MEDIUM |
|
cellDesign: calendarAqua |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_AQUA |
|
cellDesign: calendarBlue |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_BLUE |
|
cellDesign: calendarBrown |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_BROWN |
|
cellDesign: calendarGreen |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_GREEN |
|
cellDesign: calendarMetal |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_METAL |
|
cellDesign: calendarPeach |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_BLUE |
|
cellDesign: calendarPurple |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_PURPLE |
|
cellDesign: calendarRose |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_ROSE |
|
cellDesign: calendarStandard |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_STANDARD |
|
cellDesign: calendarTeal |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_TEAL |
|
cellDesign: calendarYellow |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CALENDAR_YELLOW |
|
cellDesign: criticalvalue_dark |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CRITICALVALUE_DARK |
|
cellDesign: criticalvalue_light |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CRITICALVALUE_LIGHT |
|
cellDesign: criticalvalue_medium |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-CRITICALVALUE_MEDIUM |
|
cellDesign: four |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-FOUR |
|
cellDesign: goodvalue_dark |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-GOODVALUE_DARK |
|
cellDesign: goodvalue_light |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-GOODVALUE_LIGHT |
|
cellDesign: goodvalue_medium |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-GOODVALUE_MEDIUM |
|
cellDesign: group_level1 |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-GROUP_LEVEL1 |
|
cellDesign: group_level2 |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-GROUP_LEVEL2 |
|
cellDesign: group_level3 |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-GROUP_LEVEL3 |
|
cellDesign: key_medium |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-KEY_MEDIUM |
|
cellDesign: negative |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-NEGATIVE |
|
cellDesign: one |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-ONE |
|
cellDesign: positive |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-POSITIVE |
|
cellDesign: standard |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-STANDARD |
|
cellDesign: three |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-THREE |
|
cellDesign: two |
CL_WD_ABSTR_MASTER_TABLE_COL=>E_CELL_DESIGN-TWO |
|
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 |
Example
You can find examples in the system in the Web Dynpro applications, WDR_TEST_TABLE under row popin and cell popin.