Hallo LimeSpace(r),

Heute wurde die Version 1.4.0 des Dojo Toolkits released.

Es hat eine gewaltige Menge an Bugfixes gegeben, so wie einen Batzen neuer Features. Meine Highlights in dem Release :

• Dialoge können nun übereinander liegen, sprich ein Dialog kann aus einem anderen geöffnet werden.
• Shuffle – Automatisch unterschiedliche DIV’s einblenden.
• Die Tab-Container können nun wie zum Beispiel im FireFox üblich dargestellt werden (Pfeile werden eingeblendet, wenn die Zeile voll ist)
• Umsetzung der JQuery “API” mit Dojo , noch experimentell

Wer sich mit allen Neuerungen befassen möchte wird auf dem DojoCampus und den Releasenotes fündig.

Veröffentlicht von Limespacer | Keine Kommentare »

Howdy Limespacer,

auch wenn sich das Jahr nun langsam dem Ende nährt haben wir doch noch den ein oder anderen schnellen Tipp für euch.

Heute standen wir vor der “Herausforderung” in einem Dojox Grid Zeilen zu färben wenn der angezeigte Datensatz einen bestimmten Status hat.

Nach ein paar Minuten (oder besser einer halben Stunde) googlen, hatten wir dann doch tatsächlich das gewünschte Resultat erzielt.

Das Geheimnis ist der onRowStyle event eines Grids.

Dieser wird beim rendern für jede Zeile aufgerufen, so ist es wirklich sehr einfach die Farben zu ändern. Das Stück Beispiel Sourecode möchten wir euch nicht vorenthalten:

dojo.connect(dijit.byId('gridTaskCurrent'), 'onStyleRow' , this, function(row) {

 // aktueller Datensatz
 var item = grid.getItem(row.index);

 // Daten vorhanden
 if (item) {
 Wert aus dem Store des Grids auslesen
 var type = grid.store.getValue(item, "LOCKED", null);

 // wenn 1 dann grün färben
	if (type == 1) {
 row.customStyles += "background-color:limegreen;";
 }
 }

 grid.focus.styleRow(row);
 grid.edit.styleRow(row);

});

Viel Spaß beim selber probieren

Veröffentlicht von Limespacer | Keine Kommentare »

Hallo ihr lieben,

wir basteln gerade an einem neuen kleinen Projekt wo es nötig war etwas Sourcecode für eine Dokumentation anzuzeigen, um das ganze schön zu bekommen haben wir uns zur Verwendung von einem JQuery Plugin entschieden.

JQuery Chili : Das Plugin sorgt dafür das man mittels einer einfachen Anweisung im HTML Code eine schön Formatierung erhält.

Dafür muss der entsprechende Abschnitt nur mit einem CODE Tag umschlossen werden.

Leider wollte das ganze im IE nicht so wie wir, es war nicht Möglich vernünftige Zeilenumbrüche zu erhalten. Die Lösung: Die CODE Tags müssen zusätzlich nicht mit dem PRE Tag umschlossen werden. Dann haut es auch im IE hin!

Ansonsten ein wirklich schönes Plugin.

Veröffentlicht von Limespacer | Keine Kommentare »

Hallo Limespacer,

wir möchten euch nur kurz auf ein gelungenes Plugin für JQuery hinweisen.

Dieses ermöglicht es, auf eurer Seite , Blog oder was auch immer aktuelle Tweets zu bestimmten Themen anzuzeigen, durch das Setzen von verschiedenen Optionen ist es zum Beispiel möglich alle Tweets mit den Stichwort Zend Framework anzuzeigen UND diese zusätzlich noch anhand von Lokations-Daten einzugrenzen (nur aus Hamburg .. ).

Muss sagen, TOP!

Finden kann man das Plugin hier : Realtime Tweet Timeline

Ausschauen tut das ganze dann folgendermaßen (Screenshot aus der Demo)

Veröffentlicht von Limespacer | 1 Kommentar »

Da ich nun fast jede Woche wieder vor dem Problem stehe : Wie Aktualisiert man ein Dojox Grid wenn sich im Store etwas ändert, bringe ich dieses nun zu Papier beziehungsweise zu Blog. Der einfachste Weg ist, falls dass Grid von einem Store befüllt wird den Store zu schließen, und anschließend ein “sort” auf das Grid zu machen. Dieses bewegt Dojo dazu die Daten neu in den Store+Grid einzulesen.

grid.store.close();
grid.sort();

Im Anschluss sind die Daten im Grid refresht ! voila !

Veröffentlicht von Limespacer | Keine Kommentare »