Please visit Ext JS site for more information and licence policy on http://www.sencha.com/
Ext js tutorial:
1. Download Ext js: http://www.sencha.com/products/extjs3/download/ and download ext-3.4.1.1-gpl.zip
2. Unzip it some where
3. Create one dynamic J2ee Project in Exlipse say demoExt and add one server
4. Now inside demoExt Project, create one folder inside the WebContent (demoExt\WebContent\extjs)
5. From unzip of ext-3.4.1.1-gpl.zip copy adapter, resources folder and ext-all.js and paste inside demoExt\WebContent\extjs
6. Create one jsp (index.jsp) inside the WebContent
contect of index.jsp
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Binod Here</title>
<meta charset=utf-8 />
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" >
Ext.BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif';
</script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.Msg.alert("Binod","This is Ext alert message");
});
</script>
</head>
<body>
<h4> Hi Binod from EXT JS</h4>
<%= new java.util.Date() %>
</body>
</html>
Now deploy this demoExt project in any webserver (inside Eclipse better) and hit the browser with below URL
http://localhost:8080/demoExt/
Now you will see one Ext JS alert box with message "This is Ext alert message".
Happy Ext JS coding ................ :)
That it ............
Thanks Binod.. Your tutorial was helpful to me...However the new version of EXTJS do not has adopter folder in it
ReplyDeleteI have downloaded the older version..
Anyways thanks a lot fr this tutorial
thank you Binod,i am watching everywhere last 11 hours but i can't find like your tutorial,thank you again.
ReplyDeleteThanks...:)
ReplyDeleteThanks for the nice explanation .When i extract zip i found many jars but we used only 3 can u explain when to use others what are they.
ReplyDelete