ExtJS 4– Adding Library and Testing

Download the ExtJS 4 from here.

Unzip to a folder. The file/folder required are as shown in the screenshot below.

Copy “ext-all-debug-w-comments.js” and resources folder to the web-application being developed.

My examples are based on grails framework. Details are available here

The folder structure for a typical grails integration will be

Adding library to the page in <head> section (html, jsp or gsp).

To test whether the extjs has be included in page. Add the following code below the above code.

The ExtJS onReady is fired once the page DOM is loaded in browser. Please refer ExtJS documentation for further insight.

All in all the head section of the page should look like this

Ignore the <meta….>, this is specific to grails.

ExtJS 4