hier schon mal ein appetizer auf das Mashup was ich bald als erstes Template Online stelle:

Damit der Einstieg ein wenig einfacher fällt habe ich das Mashup Tutorial noch mal ein wenig ergänzt. Entsprechende Videos mit den Einzelnen Schritten wird es sicherlich auch bald geben.

Hier nochmal ein Überblick alle Lektionen:

Inhalt:

1. Basefiles (benötige Dateien für Ihr Projekt)
   
2. Objekte über den Dev-Hub hinzufügen (Klassen qvplaceholder und qvobject)
3. Debuggen mit den Chrome Entwicklertools
4. Skripten im alternativen Editor (Atom)
5. Zugriff auf Frameworks welche in Sense vorhanden sind
6. Charts mit jQuery Ein- und Ausblenden und Qlik.Resize() 
7.  jQuery-UI Komponenten einbinden
8. jQuery-UI Komponenten nutzen – Tabs
9. Qlik Navigation erstellen – Auswahl (zurück / löschen / vorwärts)
   
10. Berechnungen seitens des Mashups durchführen
11. Variablen setzten
12. Numerisches Feld mit Schieberegler (jQueryUI) einschränken

Die neue Startseite zu meinem Lieblingsthema Mashups ist jetzt fertig. Sie bietet Ihnen einen schnelle Zugriff auf das Tutorial, die wichtigsten Ressourcen welche Sie für die Mashup Entwicklung benötigen.

Der Bereich wird natürlich weiterhin ausgebaut.

Die nächsten drei Kapitel vom Mashup Tutorial Einsteiger sind fertig:

• jQuery-UI Komponenten einbinden
• jQuery-UI Komponenten nutzen – Tabs
• Qlik Navigation erstellen – Auswahl (zurück / löschen / vorwärts)
  
• Berechnungen seitens des Mashups durchführen

Die letzen beiden Einheiten werden in kürze folgen.

Es kommt immer wieder vor, das man für die Vorbelegung von Werten wie (z.B. min max Berechnung für die Einstellung eines Schiebregelers) nur eine einmalige Berechnung benötigt.

Erstellt man mit Hilfe des genericObjects eine Berechnung, wird diese allerdings bei jeder Selektion erneut ausgeführt. Dies kann zu unerwünschten Flackereffekten führen.

Um dieses Problem zu lösen können Sie das Session Objekt nach der Berechnung einfach entfernen, somit wird die Berechnung nur einmal ausgeführt.

Beispiel:

app.createGenericObject(JSON.parse('{' + genStr + '}'), function ( reply ) {
// Berechnung 
app.destroySessionObject(reply.qInfo.qId);
});

Mit der folgen Funktion kann man ein JavaScript Date() in das Qlik Sense / View Format konvertieren:

function Date2QlikDate(aDate){
var nDate = new Date(aDate); 
var nMonth = nDate.getUTCMonth() +1; 
var nDay = nDate.getUTCDate() +1;
var nYear = nDate.getUTCFullYear();
// DMY to Modified Julian calculated with an extra subtraction of 2415019 - 153 for Q.
var nSerialDate =
parseInt(( 1461 * ( nYear + 4800 + parseInt(( nMonth - 14 ) / 12) ) ) / 4) +
parseInt(( 367 * ( nMonth - 2 - 12 * ( ( nMonth - 14 ) / 12 ) ) ) / 12) -
parseInt(( 3 * ( parseInt(( nYear + 4900 + parseInt(( nMonth - 14 ) / 12) ) / 100) ) ) / 4) +
nDay - 2415019 - 32075 - 153;

if (nSerialDate < 60) {
// Because of the 29-02-1900 bug, any serial date
nSerialDate--;
}
return nSerialDate;
}