Wer mag es nicht, die schönen Kalender im Web 2.0

Aber wie macht man das ganze schnell und unkompliziert mit dem Zend Framework? Ganz einfach, man benutzt die Komponenten aus der ZendX Library. Dieser Part ist nur bei der “Full” Version dabei und befindet sich im Ordner /extras/library.

Also Downloaden und mit den library Ordner wo meist auch schon der Ordner “Zend” vorhanden ist. Damit man das ganze nun auch benutzen kann, gilt es noch ein paar Einstellungen in der “applications.ini” vorzunehmen:

;Laden der Application Resource plugins von ZendX
pluginPaths.ZendX_Application_Resource = "ZendX/Application/Resource"

Um es uns nun noch einfach zu machen, besorgen wir uns JQuery + JQuery aus dem Google CDN

resources.jquery.version = 1.4.1
resources.jquery.ui_enable = true
resources.jquery.ui_version = 1.8.4
resources.jquery.stylesheet = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css"

Um jetzt einen Datepicker in einem Zend_Form zu nutzen, braucht man nur noch das entsprechende Element erzeugen:

 $birthdate = new ZendX_JQuery_Form_Element_DatePicker('birthdate');
 $birthdate->setLabel('Geburtsdatum:')
 ->setJQueryParam('dateFormat', 'dd.mm.yy')
 ->setJQueryParam('changeYear', 'true')
 ->setJqueryParam('changeMonth', 'true')
 ->setJqueryParam('regional', 'de')
 ->setJqueryParam('yearRange', "1980:2000")
 ->setDescription('dd.mm.yyyy')
 ->addValidator(new Zend_Validate_Date(
 array(
 'format' => 'dd.mm.yyyy',
 )))
 ->setRequired(true);

 $this->addElement($birthdate);

Das ganze dürfte fast selbsterklärend sein, wir erzeugen uns ein Element, setzen ein deutsches Format
für das Datum, und erlauben die Auswahl von Monat/Jahr über Dropdowns.

Wie man nun das Formular ausgibt etc. ist hoffentlich bekannt!

Um die Sprach noch auf deutsch zu kriegen haben wir uns einem “trick” bedient, da uns keine Zend Funktion dafür bekannt ist, in einer globalen JavaScript Datei haben wir den entsprechenden Quellcode zum Übersetzen eingefügt.

Veröffentlicht von Limespacer | 1 Kommentar »

Ich glaube das gab es noch nie, Sicherheitsupdates für das JavaScript Framework Dojo.

Die Macher haben sich wohl die Zeit genommen, sich ihren Sourcecode mal genauer zu betrachten, und dabei zum Beispiel festgestellt, das man über bestimmte Einstiegspunkte Fremdcode auf dem Webserver einschleusen beziehungsweise ausführen kann.

Updates gibt es für folgende Releases:

• 1.4.2
• 1.3.3
• 1.2.4
• 1.1.2
• 1.0.3
• 0.4.4

Es besteht entweder die Möglichkeit einzelne Files zu tauschen, was beispielsweise notwendig ist wenn man viele Änderungen an den Dojo Sourcen vorgenommen hat, oder halt entsprechend einfach alles überschreiben.

Nutzer des Google und AOL Cdn’s können sich den Aufwand ersparen, hier sind die fixes bereits eingespielt.

Weitere Informationen und die Downloads findet ihr auf der Homepage des DojoToolkit’s : http://dojotoolkit.org/blog/post/dylan/2010/03/dojo-security-advisory/

Veröffentlicht von Limespacer | Keine Kommentare »

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 »