Übersicht Beispiel 1: Konstante Werteliste
Hierzu definieren Sie in der ABAP Klasse ein Attribut für den Wert der Dropdownliste, z.B.
data: Und in HTML ein <label> sowie ein <select> Element mit jeweils einem <option> Element pro Wert:
<label
class="label">Auftragshöhe</label> Falls Sie durch die Auswahl in der Dropdown-Liste sofort eine ABAP-Methode aufrufen möchten, geht das durch den "onchange" Zusatz: <select class="inputselect" name="orderlimit" onchange="S10Apply('select_orders')"> Die aufgerufene ABAP-Methode in diesem Beispiel ist "select_orders". Der ausgewählte Wert steht automatisch in der Variablen "orderlimit" zur Verfügung. Einzelheiten zur Funktion "S10Apply" finden Sie in dem Artikel S10Apply(). Mit dem Zusatz "required" können Sie erreichen, dass vor dem Senden der Screen-Daten an die Applikation geprüft wird, dass der Benutzer einen Wert ausgewählt hat: <select class="inputselect" name="orderlimit" required>
Beispiel 2: Data Dictionary-basierte Werteliste
ABAP HTML Das S10-Framework baut hierbei gemäß den im Data Dictionary zu "kna1-land1" verzeichneten Wertetabellen T005 und T005T die Dropdown-Liste auf. Einzelheiten dazu finden Sie im Artikel s10dropdownlist(). Auch Wertelisten, die nicht aus Customizing-Tabellen
zusammengestellt werden, sondern konstant im Data Dictionary
abgelegt sind, können auf diese Weise angezeigt werden. Zum
Beispiel sind im SAP Data Dictionary zum "Belegstatus" folgende
Werte mit den entsprechenden sprachabhängigen Texten abgelegt:
Beispiel 3: Dynamisch in einer ABAP Methode generierte Werteliste
Hier werden die im SAP System zu einem Kunden hinterlegten Ansprechpartner als Dropdown-Liste zur Auswahl angeboten. Die Werteliste wird in einer ABAP-Methode dynamisch abhängig von der aktuellen Kundennummer aufgebaut. Dabei ist folgendes zu beachten:
ABAP
methods:
method build_ddl_contacts. HTML Die Werteliste wird automatisch neu aufgebaut, sobald sich die Kundennummer geändert hat.
Allgemeine S10-Optionen für Dropdown-Listen
Eine Kombination der beiden Optionen dann mit data-s10options="hideKeys,noEmptyEntry".
|
Komponenten: S10 Framework |