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

The fast-paced lifestyle of developers...

When we talk about software world, what’s the first thing that comes to your mind? Programming - right? Developers play a very important role in turning technology ideas into reality. It’s ultimately the code that runs on the computer providing an interface to the end users or systems. Empowerment of developers has evolved over the last few decades from assembly level programming to more sophisticated software programming. It continues to evolve and provide enormous opportunities to transform the life of a developer which in turn transforms the business that relies on technology.   When I started my professional career in late 90s, the technology world was limited but fascinating. Computer technology was something that every technologist wanted to be associated with. We had only a few options to choose from and I was fortunate to work on programming languages such as Java, Visual C++, etc. My first programming language Fortran (as part of my undergraduate course) was really di...
1 comment
Read more

SBOM, a key building block in supply chain risk management

In my previous blog, I talked about what software supply chain attack is all about. It occurs when a threat actor infiltrates a network and employs malicious code in the software before the publisher sends it to their customers and then it compromises the customer’s systems. Such attacks affect all users of the compromised software and can have widespread consequences for organizations and their infrastructure and data. Traditionally, organizations developed applications in-house and this enabled developers to gain control over the entire codebase. However, this model cannot meet today’s time-to-market demands. As the expectations and pace increase, it’s impossible to meet the demand with home grown software. So, there is a need for open source software contributed by software professionals around the world. Open source software facilitates rapid development and release cycles. It enables developers to incorporate ready-made components into their application so they can quickly release...
Post a Comment
Read more