Thomas Lauria - Blog

Looking for a simple image crop utility in ExtJS? A Demo can be found at

http://thomas-lauria.de/extamples/image_crop.html

The source code have  to been extracted from the html source.

I am going to wrap the technique with a JS Class soon.

Update: I have wrapped the Image Croop Utility in a class now, see the link above.

Please feel free to write me on questions and problems.

Die Tage hab ich mir die Trial Version vom Ext Designer für ExtJS besorgt. Hintergrund ist ein Projekt bei dem eine Verwaltungssoftware entwickelt werden soll. Das Backend soll aus PHP / MySQL / REST bestehen, das Frontend eben mit ExtJS umgesetzt werden. Dabei soll die Applikation mit Methoden der Modellgetriebenen Softwareentwicklung (MDSD) umgesetzt werden.

Bei der Erstellung von ExtJS Oberflächen lässt der Designer keine Wünsche offen. In einem anderen Review wurde bemängelt, dass der Designer das ganze Projekt als eine Klasse generiert. Dem muss ich widersprechen, es lassen sich einzelne Komponenten durchaus als eigene Klassen und damit auch als eigene Dateien exportieren (Vermutlich war es eine ältere Version des Designers). Somit ist es entgegen dem bereits erwähnten Review von Loiane Groner durchaus möglich, auch größere Projekte mit Hilfe von Ext Designer umzusetzen.

Viel interessanter war allerdings die Fragestellung, ob und wie sich die Stores im Ext Designer automatisch generieren lassen. Die komplette Datenstruktur des Projektes soll automatisch aus einem Modell generiert werden. Es wäre mehr als kontraproduktiv, wenn die Datenstruktur in ExtJS in Form der Stores nun händisch im Designer angelegt werden müssten.

Ein Blick in das XDS Projekt File des Ext Designers zeigte eine mögliche Lösung auf. Das komplette Ext JS Projekt wird in Form einer JSON Datenstruktur abgelegt. Somit ist es möglich die Datenstruktur der Stores ebenfalls automatisch zu generieren, und dann in der entsprechenden Projektdatei abzulegen.

Eine exemplarische Umsetzung folgt...