Posts Tagged ‘ext-base.js’

Including ExtJS in your Pages

October 28, 2010 Comments off

How to use ExtJS in our Screens/Pages ?

Before we can use Ext in our pages, we need to reference the Ext library files. To do this, we need to include a few of the files provided in the SDK download in the HEAD portion of our HTML page.
<link rel=”stylesheet” type=”text/css” href=”lib/extjs/resources/css/ext-

all.css” />
<script src=”lib/extjs/adapter/ext/ext-base.js”></script>
<script src=”lib/extjs/ext-all-debug.js”></script>
<!– Nothing in the body –>


The path to the Ext files must be correct and is relative to the location of our HTML file. These files must be included in the following order:

  1. ext-all.css: The main Ext CSS file.
  2. An external js library file, if needed .
  3. ext-base.js: The Ext ‘adapter.
  4. ext-all.js or ext-all-debug.js: The primary ExtJS library file
  5. A theme file could also be included here, after the main ExtJS CSS file.


%d bloggers like this: