TablePopinToggleCell
This UI element is a TableCellVariant, with which you can expand or collapse thePopin 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:
- Insert a cell variant PopinToggleCell in your TableColumn.
- Enter a value of your choice for TablePopinToggleCell.variantKey.
- Copy this value to TableColumn.selectedCellVariant.
For more information about using cell variants seeVariants.
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 |
|---|
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.