Pimp my iGridAutor:MoritzKlein

22.11.2017&|DOAG2017

Facts&Figures

Technologie-orientiert

Branchen-unabhängig

Hauptsitz

Ratingen240Beschäftigte

Gründung

1994

Niederlassung

FrankfurtamMain

Ausbildungs-

betrieb

Inhabergeführt

Zertifizierter

Partnervon

Oracle,Microsoft

undSAP

24Mio.Euro

Umsatz

2

3

Aboutme

§ Moritz Klein, Senior Consultant im Bereich APEX§ Seit November 2015 bei MT AG

§ Vorher 6 Jahre als Data Warehouse Specialist bei Ericsson Telekommunikation GmbH

§ APEX Entwickler seit dem ersten öffentlichen Release in 2004 (HTMLDB 1.5)§ Oracle Entwickler seit 2001 (SQL, PL/SQL, OWB)

§ Organisator der Oracle APEX Meetups Frankfurt§ Kontakt

§ Twitter https://twitter.com/commi235§ GitHub https://github.com/commi235§ Blog http://mk-commi.blogspot.com§ LinkedIn https://de.linkedin.com/in/moritz-klein-73161b70

§ Das Interactive Grid

§ Page Item vs. iGrid Item§ Notwendige APIs

§ Plugin erstellen

4

Agenda

§ Neue Komponente seit APEX 5.1

§ Moderne Multi-Row Komponente§ Neue Architektur

§ Viel JavaScript

5

DasInteractiveGrid

6

InteractiveGrid Architektur

§ Jedes Item bekommt eine eigene Instanz

§ Generell beim Rendern schon alles besetzt§ Vor allem auch der aktuelle Wert des Page Item

§ Wenig JavaScript notwendig

§ Große Menge an Plugins bereits verfügbar

7

NormalesPageItem

§ Generell bisher kaum Plugins verfügbar

§ Dokumentation kaum vorhanden§ Benötigt neues Plugin-Interface

§ Procedure statt Function

§ Runtime-Unterschiede§ Es wird nur eine Hülle pro Spalte erstellt§ Bedeutet es gibt nur eine Instanz pro Spalte§ Wird von jeder Zelle der gleichen Spalte wiederverwendet

§ Benötigt meist einen apex.item.create Aufruf§ Definition notwendiger Callback Funktionen

8

iGrid Item

§ apex.item§ .create

§ #id§ setValue§ getValue§ reInit§ displayValueFor§ enable§ disable

§ apex.util

§ apex_json§ apex_plugin

§ apex_plugin_util

9

Mittelshttp://api.oracleapex.com aufrufen.

NotwendigeundnützlicheAPIs

apex.item.create("#myId", {

// wird bei Edit aufgerufen// Darstellung muss auch aktualisiert werdensetValue:function(pValue) {}// Wert zurückgeben

, getValue:function() {return}// benötigt für kaskadierende LOVs

, reInit:function(pValue, pDisplayValue) {}, enable:function() {}, disable:function() {}}

);

§ Das schauen wir uns jetzt mal im Code an.

§ Das JS-Tree Plugin kann heruntergeladen werden§ Von apex.world im Bereich Plugins nach „JS-Tree Item“ suchen§ Von Github

§ Das Clockpicker Plugin ist eine Weiterentwicklung des bereits existierenden Plugin von Daniel Hohleitner

10

Plugin erstellen

VorträgederMTAGDienstag, 21. 11.17 Donnerstag, 23. 11.17Mittwoch, 22. 11.17

Ein Snapshot ist kein Backup

8.00 Uhr | Raum ShanghaiAngelina Weinschenk

Jetlag: Oracle JET und APEX

9.00 Uhr | Raum KopenhagenOliver Lemm

Mit Augenhöhe und Aufmerk-samkeit Projekte zum Erfolg führen13.00 Uhr | Raum KiewCarsten Firus

Java Script und Offline First

15.00 Uhr | Raum KopenhagenKai Donato

APEX (Hoch)verfügbar? Darf etwas Open Source sein?

15.00 Uhr | Raum SeoulErnst Leber

OWB-ODI Migration: Fallstricke & Lösungen im Praxisbericht

16.00 Uhr | Raum OsloJürgen Günter

Wieder verschätzt?

17.00 Uhr | Raum SingapurOliver Lemm

APEX open Mic Night

20.30 Uhr | Raum IstanbulNiels de Bruijn

Besserer Java Code, außerhalb der Automatismen9.00 Uhr | Raum HelsinkiWolfgang Nast

Java 9: Endlich Jigsaw!

10.00 Uhr | Raum BudapestSalem Ben Nasr

So bringen Sie Ihr DWH Projekt zum Scheitern

12.00 Uhr | Raum Stockholm Irina Gotlibovych

Java Script und PL/SQL – das dynamische Duo für APEX12.00 Uhr | Raum St. PetersburgMoritz Klein

JSON in Java mit Schema und JsonPath

14.00 Uhr | Raum OsloWolfgang Nast

JavaScript Tuning in modernen Web-Applikationen

16.00 Uhr | Foyer TokioTill Albert

Pimp my iGrid

15.00 Uhr | Raum KopenhagenMoritz Klein

Ihre Datenbank startet nicht? Oder Anatomie des Startup-Prozesses einer Oracle-Datenbank

09.00 Uhr | NCCErnst LeberWorkshop

Freitag, 24. 11.17