Ext.js - Environment Setup
Try it Option Online
We have set up ExtJS Programming environment online, so that you can compile and execute all the available examples online. It gives you confidence in what you are reading and enables you to verify the programs with different options. Feel free to modify any example and execute it online.
For most of the examples given in this tutorial, you will find a Try It option in our website code sections at the top right corner that will take you to the online compiler. Make use of it and enjoy your learning.
Local Environment Setup
This section guides you on how to download and set up Ext JS on your machine. Please follow the steps to set up the environment.
Downloading Library Files
Download the trial version of Ext JS library files from Sencha https://www.sencha.com. You will get the trial version from the site on your registered mail id, which will be a zipped folder named ext-6.0.1-trial.
|Sr.No||File & Description|
This is the core file which contains all the functionalities to run the application.
This file contains all the code minified with no comments in the file.
This is the unminified version of ext-all.js for debugging purpose.
This file is also unminified and is used for development purpose as it contains all the comments and console logs to check any errors/issue.
This file is used for production purpose mostly as it is much smaller than any other.
You can add these files to your projects JS folder or you can provide a direct path where the file resides in your system.
CSS Files − There are number of theme-based files, which you can find under folder \ext6.0.1-trial\ext-6.0.1\build\classic\theme-classic\resources\theme-classic-all.css
If you are going to use desktop application, then you can use classic themes under folder \ext-6.0.1-trial\ext-6.0.1\build\classic
If we are going to use mobile application, then you can use modern themes which can be found under folder \ext-6.0.1-trial\ext-6.0.1\build\modern
The following library files will be added in an Ext JS application.
You will keep ExtJS application code in app.js file.
CDN is content delivery network with which you do not need to download the Ext JS library files, instead you can directly add CDN link for ExtJS to your program as follows −
Notepad − On Windows machine, you can use any simple text editor such as Notepad (Recommended for this tutorial), Notepad++, sublime.
Eclipse − It is an IDE developed by the eclipse open-source community and can be downloaded from https://www.eclipse.org/.
Ext JS supports cross-browser compatibility, it supports all major browsers such as −
- IE 6 and above
- Firefox 3.6 and above
- Chrome10 and above
- Safari 4 and above
- Opera 11 and above
You can use any browser for running Ext JS application.