To ExtJS είναι ένα open-source Javascript framework, που μπορούμε να το χρησιμοποιήσουμε για να εμπλουτίσουμε τις ιστοσελίδες μας. Δημιουργήθηκε στις αρχές του 2006 από τον Jack Slocum, ως επέκταση του Yahoo! User Interface (YUI) library.Όλα τα επιπρόσθετα κομμάτια που δημιουργήθηκαν από τον Jack, μπήκαν σε μια αυτόνομη βιβλιοθήκη με την ονομασία "yui-ext.". Με το τέλος του 2006, το yui-ext είχε αναγνωρισθεί από το κοινό ως ένα αυτόνομο framework και έτσι μετονομάστηκε σε Ext.
Στις αρχές του 2007 ιδρύθηκε εταιρεία με το όνομα Ext και η έκδοση 1.0 του framework κυκλοφόρησε την 1 Απριλίου 2007. Πλέον τον Απρίλιο του 2008 βρίσκεται στην έκδοση 2.1, ενώ έχουν ανακοινωθεί κάποια στοιχεία που θα περιλαμβάνονται στην έκδοση 3.
Άδειες χρήσης
Το ExtJS έρχεται με 2 άδειες χρήσης. Η πρώτη άδεια αφορά εφαρμογές που έχουν σχεδιαστεί βασισμένες στο GNU GPL license v3 . Ενώ η δεύτερη αφορά εμπορικές εφαρμογές, που δεν είναι βασισμένες σε GPL. Στο ExtJS υπάρχουν αναλυτικές οδηγίες για τις σχετικές άδειες χρήσης, οπότε περισσότερες πληροφορίες μπορείτε να βρείτε στο Ext Licence.
Κόστος
Το κόστος του framework ποικίλει ανάλογα την υποστήριξη που αγοράζει ο χρήστης. Μπορεί να ξεκινήσει από τα $289 και να φθάσει μέχρι και τα $18,699. Περισσότερα για το κάθε επίπεδο υποστήριξης μπορείτε να βρείτε στο Ext JS Commercial Licenses.
Client και Server - Side
Το ExtJS, επειδή είναι ένα client side framework μπορεί να χρησιμοποιηθεί με όποια γλώσσα προγραμματισμού υποστηρίζει POST request και επιστρέφει structured data, όπως php,java, .net κλπ. Για τον προγραμματισμό με ExtJS, μπορούν να χρησιμοποιηθούν διάφορα IDE που το υποστηρίζουν, πχ Αptana.
Συγκεκριμένα ετοιμάζεται για php, μέσω του Qcodo framework υποστήριξη με templates για το ExtJS, που θα αυξήσουν την παραγωγικότητα των php developers.
Εφαρμογές με ExtJS
WEB 2.0 Desktop: http://www.qwikioffice.com/desktop-demo/
FileSpots: http://www.filespots.com/
Ext 2.0 Gui Designer: http://www.projectspace.nl/index.php
Περισσότερα παραδείγματα μπορείτε να βρείτε http://extjs.com/forum/forumdisplay.php?f=7 και http://extjs.com/learn/Manual:Sightings.
Εγκατάσταση του ExtJS
Ξεκινώντας την εγκατάσταση του ExtJS, το πρώτο πράγμα που πρέπει να κάνουμε είναι να το κατεβάσουμε από την επίσημη ιστοσελίδα. Την ώρα που γράφετε αυτό το άρθρο, το ExtJS βρίσκεται στην έκδοση 2.1 και μπορείτε να την βρείτε εδώ. Κατεβάζετε το SDK που περιλαμβάνει όλο τον πηγαίο κώδικα, το σχετικό documentation και έτοιμα παραδείγματα για να τα μελετήσετε. Επίσης μπορείτε να κατεβάσετε και το API του ExtJS, όπου περιλαμβάνει όλες τις κλάσεις που χρειάζεστε για να ξεκινήσετε. Το API χρειάζεται να υπάρχει εγκατεστημένο το Adobe Air στον υπολογιστή σας για να το τρέξετε. Παρόλα αυτά το ίδιο API μπορείτε να βρείτε και online στην σελίδα: http://extjs.com/deploy/dev/docs/.
Στην συνέχεια, αποσυμπιέζουμε το αρχείο στο document root του HTTP Server μας (Apache, IIS κλπ) και δίνουμε στον φάκελο το όνομα ExtJS. Δημιουργούμε ένα αρχείο html και γράφουμε τον εξής κώδικα μέσα στο head:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Hello World with ExtJS</title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="helloworld.js"></script>
</head>
Έχοντας φορτώσει έτσι τα απαραίτητα αρχεία, φτιάχνουμε ένα απλό .js αρχείο με το όνομα helloworld.js, στο οποίο θα γράψουμε τον παρακάτω κώδικα, που θα μας εμφανίζει ένα απλό alert με συγκεκριμένο μήνυμα. Ένα τέτοιο παράδειγμα θα μπορούσε να είναι και το εξής:
Ext.MessageBox.show({
title: 'Hello',
msg: 'My first ExtJS Panel',
buttons:Ext.MessageBox.OKCANCEL
})
});
Φορτώνοντας την σελίδα, μας εμφανίζεται ένα alert με το μήνυμα που ορίσαμε στον κώδικα μας.
Τελειώνοντας περισσότερες λεπτομέρειες μπορείτε να βρείτε στην επίσημη ιστοσελίδα του extjs.com, ενώ υποστήριξη μπορείτε να ζητήσετε μέσα απ' το αντίστοιχο forum ή να επικοινωνήσετε μαζί μας.
Comments
Post new comment