ExtJS is one of the most popular javascript user interface framework, it offer a bunch of great user interface component, if you are a Java Programmer it better you use the Ext-GWT, but if you are a web programmer who always using web scripting language such as PHP, it may be painless if you learn the new web interface beside the traditional HTML, here some advice we have for you :
- Follow the examples:- ExtJS come with a bunch of great sample use of using widget, this provide the basic use of the component, creating plugin, etc. This is the best way to know what you can do with the component and how to implement the component by viewing the source code, if you somehow don’t understand what the code means, simply you can consult the API documentation first. Just download it first and run on your local server or you can view it online.
- Read the ExtJS tutorial:- So, you are ready to get your hand wet ? but don’t know what to do to digging depper to understanding ExtJS, I suggest you start with tutorial from the ExtJS official site. It’s cover about the getting started guide, dom query helper, combobox, form, grids, drag & drop, menus, tree, etc, even the basic of the application design and some of them provide the downloadable example source code. Although the tutorial is using version 1.x and 2.x, yes it is compatible if you are using version 3.
- Here’s a quick list of the various components:-
- grids (like in a spreadsheet)
- tabs
- modal windows
- trees
- enhanced form elements
- toolbars
- menus
- buttons
- sliders
- ExtJS talks to your webserver via AJAX:- which means you will need backend scripts of some kind to process those requests. As those scripts are closer to the database that will back your application, it is those scripts that serve as the more appropriate vessel for your application logic.
- Use the good IDE:- Since you use ExtJS in javascript language, then you must code all the ExtJS component by hand, and you need the good IDE to help you browse the all avaliable API. We are using Netbeans PHP IDE for our projects, you can set the project and include the ExtJS style, ExtJS basic and ExtJS all. The IDE will scan all the project including the ExtJS file and when you code the ExtJS component or ExtJS core, you can type shift + space on your keyboard and the IDE will give an auto-complete feature.
