Checkbox / APEX Font in Report / Interactive Grid anzeigen - APEX 22.1

Html-Checkboxen sind in APEX ja eigentlich nur Anzeigeelemente. Da diese per se keine Aktionen ausführen (diese ist separat zu programmieren), bietet es sich an, statt dessen Elemente aus dem APEX Font zu nutzen.

Am einfachsten sind sowas wie

  • fa-check-square
  • fa-square-o

Diese und viele weitere Elemete können z.B. hier rausgesucht werden:
https://apex.oracle.com/pls/apex/apex_pm/r/ut/icons

Zum Einbinden in einen Report wird eine zusätzliche Spalte genutzt:
select K_PARTITION_KEY ID
   , 1 CHK
   , ...
   , case when K_PARTITION_KEY = :P1_PARTITION_KEY
       then 'fa fa-check-square'
       else 'fa fa-square-o'
     end ICON

Spalte CHK zeigt später die Checkboxen, Spalte ICON liefert den Namen des Icons aus dem APEX Font.

Im Beispiel soll per Klick auf eine Checkbox die entsprechende Zeile markiert werden. (Alle anderen Zeilen werden abgewählt.) Hier wird das per Link auf die gleiche Seite gelöst. Aber es gibt natürlich verschiedene Wege...

Die Spalte CHK als Link auf die eigene Seite definieren, um Items per Submit zu setzen.
Dafür die Eigenschaften wie folgt setzen:

  • Typ:    Link
  • Link:    auf eigene Seite zeigen lassen
  • Set Item:    Page-Item (hier :P1_PARTITION_KEY mit Wert von PARTITION_KEY) setzen
  • Link Text:    <span class="#ICON#"></span> -> ICON in Abhängigkeit des gesetzten Items anzeigen
Damit wird die Spalte CHK zu einem Link, die in der markierten Zeile ein anderes Symbol zeigt, wie in allen anderen Zeilen.

Kommentare

Beliebte Posts aus diesem Blog

PGA unter Oracle 11g

trunc(sysdate) - nette Spiele mit dem Datum

Datapump - Verzeichnis erstellen