Table of Content

ExtJS Library

Before using Ext Library we must check whether Ext Library is correctly included or not

Steps to Verify Ext Library :

Firstly Try this program out.Copy following Code to Textpad and Save it using .html Extension.

Code :

<html>
  <head>
        <title>First ExtJs 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>
        <script>
               Ext.onReady(function(){
                  Ext.Msg.alert('Hello', 'Welcome to ExtJS');
              });
         </script>
  </head>
  <body>
       <!-- Nothing in the body -->
  </body>
</html>

When You Open this .html file in Browser then you must get following screen.

If you get above message box then we can say that Ext Library is Correctly Included.

Directory Structure Of Ext Library :

following file path is used in HTML Files.

href="lib/extjs/resources/css/ext-all.css"

Directory Structure is Organized Like this -

Root Directory

Now inside lib folder we have “extjs folder with version name attached“. Rename folder name with “extjs“.

“extjs” folder contain following files.

Error Occurred If Ext is not included Properly -