About author I am Java/oracle professional.Working on Java/J2EE technologies and i.e Java,J2ee,Oracle ADF,hibernate,J2ee,PL/sql,Apps for 4+ years.I am passionate about learning new technologies.I am sharing my knowledge. Give your views and suggestion on vinay@techartifact.com
http://www.linkedin.com/in/vinaykumar2 Read more from this authorExt-JS is a open source JavaScript library for building interactive web applications[2] using techniques such as AJAX, DHTML and DOM scripting.It is easy to use,rich user interface and more it can be a desktop application. It includes:
• 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
• toolbars
• desktop-application-style menus
• region panels to allow a form to be divided into multiple sub-sections
• sliders
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.onReady – This function makes sures that our document is ready to be work.It make our code to Wait until the DOM is available.This is needed because javaScript starts executing as soon as it enocuntered in the documents,at which point our DOM might not exist.
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.
References : www.extjs.com
eichawsan
hi,
I am a beginner to php.
I need to add a date range picker in my page.
I found out that I can do it using Ext-js.
But the problem is I don’t konw how to use Ext-js.
Pls kindly help me.
vinay
You can simply use extjs,U need to visitwww.extjs.com.Download extjs 2.0 folder.Add the 3 library file in your java scriopt file as i did above.write your code in javascript file using extjs.For starting you can see the example folder in extjs download file.from there you will hav some idea.If any doubt tell me
soufiene
hello !
i’am beginner in EXt-js
thanx to give me tuto or trainnig doc in frensh.
thx.
irena
Hi,
I’m looking for a good UT framework to use for Ext-js.
I tried JsUnit, but it doesn’t run .jsx files
Would you recommend anything other than JsUnit?
Thanks!
Leena
Hi,
i’m using Struts 1.3.8 in my application, could u plz suggest me which version of extjs will be compatible with it.
Regards,
Leena
Madhu chowdary
Hi,
for that version, both ExtJs 2.2.1 and Extjs 3.3.0 are compatable.Performance wise 3.3.0 version is preferable
Nimita Goel
Hi All,
Impetus is hiring web developers with good experience in Ext-JS, DOJO and JSON.
Experience: 3-5 yrs
To know more about the position, kindly mail me at nimita.goel@impetus.co.in
You may visit our website- http://www.impetus.com
Regards
Nimita
Harish Jat
what if javascript is disabled on a browser.?
Java bug
Well if Javascript is disabled then, unfortunately it won’t work
Vijay Kumar
Hey,
I am very new to Ext-JS. How can I start to learn it in pracatical manners?
Thanking You,
Viay Kumar
Rajendraprasad
Hi, i am new to the Extended Javascript,
Thanks for giving this kind of info…