Skip to main content

Working with ExtJS and Java

If you are new to extjs then for you ExtJS is a cross-browser Javascript framework for building RIA (Rich Internet Application) based web application. It allows to use any server based technologies for building your application.

In my application, I am using ExtJS 3.0 as client side technology, Java (JSP+Hibernate) as server side technology and MySQL 5.x as database.

Here I will tell you how to setup the above tools and technologies.

ExtJS Setup
ExtJS IDE Setup

It is difficult to remember all ExtJS components and its functions, so we need an IDE for development. Although there are few IDEs available in the market but I prefer to use Spket IDE integrated with Eclipse for ExtJS based application development. The steps to download Spket and integrate with Eclipse are : -
  • Download Eclipse 3.4.2 Ganymede or Classic version from http://www.eclipse.org/downloads/
  • Run Eclipse IDE
  • Download Spket plugin for Eclipse using Eclipse Update Manager, from Spket update site - http://www.spket.com/update/
  • Select the menu item Window > Preferences... to open the workbench preferences.
  • Select the Spket > JavaScript Profile preference page to display the installed JavaScript Profiles.
  • Click the New.. button. In the Name field, type ExtJS (you can type anything) as the name for the new profile. Then click OK.
  • Click the Add Library button. From the Library drop-down list, select ExtJS. Then click OK.
  • Click the Add File button, choose ExtJS.jsb file from ExtJS Source folder (Refer ExtJS folder). In my case it is stored in D:/ExtJS/Source folder as extjs.jsb.
  • Choose the ExtJS profile created in step 3, click the Default button make it the default profile for all projects. The default profile can also be configured per project by using Configure Project Specific Settings... link.
  • Click on OK to save the preferences.

Verify it

To verify this, create a Java Project (New->Java Project) and add an empty javascript file. In the editor, type Ext. and then you should get all functions available in a dropdown. If it doesn't come up then try to open the file in Spket IDE (right click on the file and choose Open With-> Spket Editor).

Install Hibernate

To install Hibernate, please check my another article on this. (http://shubhamohanty.blogspot.com/2009/06/working-with-hibernate.html)

Please post your comments here.

Comments

  1. SudarshanDecember 16, 2009 at 4:23 AM

    Hi Shubha,

    This article helped me alot to set up ExtJS with Eclipse IDE.

    Thanks,
    Sudarshan.

    ReplyDelete
  2. UnknownMay 10, 2013 at 2:27 AM

    This article helped me alot to set up ExtJS with Eclipse IDE.

    Thanks,
    Venkatesh teja.

    ReplyDelete
  3. nareshMay 18, 2013 at 9:05 PM

    1. Develop a simple web user interface using Ext JS 4.2 and JSP technology. This UI shall be hosted on Tomcat 7.
    2. The UI shall allow users to retrieve, insert, update and delete data from the database.
    3. The UI shall be integrated with java beans for all database related operations. You are not allows to connect directly from Tomcat to the database.
    4. The bean shall be hosted on JBoss AS 7.
    5. All data shall be hosted on Microsoft SQL Server 2008 R2. All database operations shall be driven by stored procedures.

    ReplyDelete

Post a Comment

Popular posts from this blog

Office 2013 Installation Error : Code 1603

Wanted to share one error that I got while installing Microsoft Office Professional 2013 for which I had to spend almost 3 days to find the root cause. I also googled and found that many people have also faced the same issue but did not get if anyone had the solution. Sharing the solution that worked for me. Thanks to Dhaval Metrani, my colleague, who also helped me with this. If you get the following error in the log file (in the %temp% folder) while installing Office 2013 Failed to install product OSMMUI.msi ErrorCode: 1603  and the detail log shows ERROR: The network address is invalid then the same is because of Task Scheduler service is not enabled on the machine. 1603 is a generic error and some people have mentioned that the same could be related to deleting/renaming  %programdata% /Microsoft Help but the solution seemed to be related to Task Scheduler when the exact error was related to 'Network address invalid'. By default in Windows 7 and Windows Vista ...
6 comments
Read more

jQuery Intellisense support in Eclipse 3.4.2

To have jQuery Intellisense feature in Eclipse, I tried to find out the way in Google and everyone suggested to use modified version of Eclipse WTP. After doing some research I found out another way of having jQuery Intellisense in Eclipse i.e. integrating Spket IDE with Eclipse. I am using Eclipse 3.4.2 Ganymede version. Download Download and Install Spket IDE and jQuery Download Spket plugin for Eclipse using Eclipse Update Manager, from Spket update site - http://www.spket.com/update/ Once the Spket IDE is installed then download jQuery from http://jquery.com/ and save in your local disk. Configure The steps to configure jQuery Intellisense are: Open Eclipse IDE Select the menu item Window > Preferences... to open the workbench preferences. Select the Spket > JavaScript Profile preference page to display the installed JavaScript Profiles. Click the New.. button. In the Name field, type jQuery (you can type anything) as the name for the new profile. Then click OK . Click th...
6 comments
Read more