APEX Report meets jQuery

05.
Februar
2011
Veröffentlicht von: Markus Dötsch

Bei der Darstellung eines Reports in APEX spielt der benötigte Platz oft eine große Rolle. Dann wird die berühmte Frage gestellt: Welche Spalte ist nicht so wichtig und kann weggelassen werden oder wenigstens an das Ende des Reports und damit evtl. außerhalb des immer sichtbaren Bereiches im Browser gestellt werden?

Ziel erreicht? Nein – jetzt ist man natürlich erst auf den Geschmack gekommen. :)

Zusätzliche Funktionen

Wäre es nicht schön, wenn der Anwender einen Hinweis auf die „Klickbarkeit“ des Reports erhalten würde?

$('#report_R1310112176148033').css('cursor','pointer');

Hier muss der Name des Reports angepasst werden. Die Raute (#) bezieht sich, wie in der CSS-Nomenklatur üblich, auf die ID des Reports.

Wie wäre es mit einem zeilenweiten Mouse-Over-Hover-Effekt?

$('tr[name*="tr"]').hover(
  function() {
   $(this).children().css('background-color', '#444444')
  },
  function() {
   $(this).children().css('background-color', '')
  }
);

Wieder selektieren wir alle <tr>, die den Begriff tr im Namen haben und lassen dort die Funktion hover ausführen, die dann dem jeweiligen Kind (<td>) eine andere Hintergrundfarbe verpasst.

Auf diese Art und Weise sind noch viele andere Dinge möglich. Ich wünsche Ihnen viele benutzerfreundliche APEX-Anwendungen. :)

Das Thema jQuery bietet weitaus mehr als in diesem Beitrag angeschnitten wurde. Weitere Informationen zu diesem interessanten Thema erhalten Sie in unseren Opens internal link in current windowAPEX-Schulungen oder sprechen Sie mit unseren Opens internal link in current windowConsulting-Mitarbeitern.

Jede Menge Know-how für Sie!

In unserer Know-How Datenbank finden Sie mehr als 300 ausführliche Beiträge zu den Oracle-Themen wie DBA, SQL, PL/SQL, APEX und vielem mehr.
Hier erhalten Sie Antworten auf Ihre Fragen.