Home > EXTJS > Including ExtJS in your Pages

Including ExtJS in your Pages

October 28, 2010

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.
<html>
<head>
<title>Example</title>
<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>
</head>
<body>
<!– Nothing in the body –>
</body>
</html>

 

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: