• High performance, customizable UI widgets
• Well designed and extensible Component model
• An intuitive, easy to use API
• Commercial and Open Source licenses available
Ext-js have a vast range of GUI-based form controls for use within web applications, these contains:
• text field and textarea input
• date fields with a pop-up date-picker
• numeric fields
• list box and comboboxes
• radio and checkbox controls
• html editor control
• grid control
• tree control
• tab panels
• desktop-application-style menus
• region panels to allow a form to be divided into multiple sub-sections
Many of these controls are able to communicate with a web server using AJAX.
Files you can need in using Ext –
•Ext-all.css — A stylesheet file that control the look and feel of Ext widgets.This file must be Included without modification.
•Ext-base.js — This provide core functionality of Ext.It is basic machinery of EXT.for using other Library like jquery we need to change this file.
•ext-all-debug.js/ext-all.js — All of the widgets live in this files.This is primary ext library file.
It is not a other Java Script library. It can work with other java script libararies by using adapters.For that You need to include adapter file that is exist in adpater folder of Ext sdk.
Default Ext adapter :
<script src =”lib/extjs/adapter/ext/ext-base.js”></script>
For jquery include these files in top of your document:
<script src =”lib/jquery.js”></script> <script src =”lib/jquery-plugins.js”></script> <script src =”lib/extjs/adapter/jquery/ext-jquery-adapter.js”></script>
After including adapters and base libraries we need to include ext-all.js or ext-all-debug.js file.Localization is possible in Ext-js.Only you need to include language file in lib folder.
Common elements in Ext-
Ext.MSg.show – This function for creating the dialog.It will handle all care needed to have dialog. It will create appilication style messages boxes for us.
Ext.get – This function accesses and manipulates elements in the DOM.
Adapter: Files that allows you to use to other java script libraries with Ext-Js.