Home > EXTJS > Setting Up ExtJS

Setting Up ExtJS

October 26, 2010

Everything we will need can be downloaded from the Sencha website, at

Grab the Ext SDK (Software Development Kit),which contains a tons of useful examples and the API reference. Most importantly, it contains the resources that Ext needs to run properly.

Placing ExtJS:

Once you get the SDK file, unzip it onto your hard drive, preferably in its own folder. My approach to folder naming conventions is based on the standard Windows structure where all libraries go into a lib folder. So for the sake of the examples in this post , uncompress all of the files in the SDK into a folder named lib.

After extracting everything from the SDK download file, your directory tree should look like this:

Included in the SDK file are a specification of dependencies, documentation, example code, and more. The adapter and resources folders are required for ExtJS to work properly; everything else is just for development purposes.

1. adapter: Files that allow you to use other libraries along side ExtJS.

2. build: Files that can be used to custom-build an ext-all.js.

3. docs: The documentation center (this will only work when run on a web server)

4. examples: Plenty of amazing and insightful examples.

5. resources: Dependencies of the Ext library, such as CSS and images.

6. source: The complete source code for Ext.

When you’re ready to host your page on a web server, the adapter and resources folders will need to be uploaded to the server.

Categories: EXTJS Tags: , , , ,
%d bloggers like this: