TablePopinToggleCell
This UI element is a TableCellVariant, with which you can expand or collapse the Popin for a line.
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.
To use the TablePopinToggleCell in a cell, proceed as follows:
...
1. Insert a cell variant PopinToggleCell in your TableColumn.
2. Enter a value of your choice for TablePopinToggleCell.variantKey.
3. Copy this value to TableColumn.selectedCellVariant.
For more information about using cell variants see Variants.
TablePopinToggleCells should only be used for RowPopins and not for CellPopins.
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 the View Designer
Name |
Type |
Initial Value |
Bindable |
STRING |
(automatic) |
No |
|
WDUI_TABLE_CELL_DESIGN |
standard |
Yes |
|
WDUI_TABLE_COLUMN_HALIGN |
auto |
Yes |
|
STRING |
|
No |
Events in the 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 as in the View Designer are available. 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.