The power of JQuery and JQGrid

9 05 2010

Off late, I have been working (yes, hands on) on some web applications, after a long gap!! Historically, we were stuck using Struts and Displaytag for our jsp based data grids, to support CRUD operations. As we started revamping our web applications piece by piece, we looked at several options, including JSF. With the time constraints at hand, our choices were pretty much limited and we confined ourselves to look at Ajax based frameworks. We fumbled upon JQuery and its rich set of plugins. Since then, we never looked back. We did try ExtJS, Prototype and other AJAX based frameworks, but nothing matched JQuery.

To make it short, we liked the following:

  1. The Selector API of the core JQuery framework.
  2. The UI components (Modal dialog, DatePicker, Accordion, Tabs etc).
  3. A rich set of plugins, which made our life so easy (JQGrid, JQuery validation etc).
  4. Theme based look and feel (switching themes is only one line of code).

Our turn around time was pretty quick and users were really happy with the UI look and feel and response times.

For people who are not aware of JQGrid, please visit their demo site. JQGrid was the datagrid component which we used to replace Displaytag. We integrated this with Struts and used our Spring/Hibernate based DAO layer to support the CRUD operations, pagination and Data export features. We resorted to JasperReports/iText for PDF based canned reports.

Even though I have immense belief in standardised API’s like JSF, the steep learning curve, the poor performance and availability of developers who “really” understand, have put us off!!




6 responses

11 05 2010

“immense belief in standardised API’s like JSF”

If the collapse of Sun has taught me anything, it is that standards will become more and more irrelevant. It takes years to develop them, years for people to properly implement them and years of putting them to practice and years to fix the flaws that the self-proclaimed expert group did not think about upfront. Afterwards some of those non standard-approaches and fixes (like Seam as a fix for EJB3 and JSF) will make it into the next version of the standard which means starting at again at the second sentence of this paragraph.

Solutions built to solve a particular problem now will always have a huge time advantage in comparison to standards driven APIs. This gives them more room to mature, to get easier to use and to actually get pretty.

11 05 2010

I agree with your comments, but still, when it comes to portability across vendors, and avoiding vendor lock-ins, I prefer standards. At the same time, I don’t mind going with simple and elegant solutions. The truth is, people are already mixing and matching these two different viewpoints (eg: Spring with JEE), per their needs and there is nothing wrong with that, as long as they understand the consequences and ROI in terms of development, maintenance and support.

11 05 2010

Have you tried jQuery Tools?

Its a great Multi-Use library for jQuery.

11 05 2010

Yes, we did notice that site, but for the functionality we had, JQuery core was sufficient enough. We may include it in the future. We are particularly interested in the “Overlay” component.

16 05 2010

I’m want to build some application with will use jsf and data from mongoDB and jqrid is that what I need, but I don’t know how to start with this. Would you be so kind and give me some sample how to use jqgrid with jsf and java beans? It’s very important to me.

Best regards,

6 08 2010

PHP datagrid component using JQGrid (based on JQuery). This library can generate fully featured CRUD application in record time.

1. include(“jqgrid.php”);
2. $g = new jqgrid();

3. $grid[“caption”] = “My Sample Grid”; // set grid customizable params
4. $g->set_options($grid);

5. $g->table = “tags”; // db table for CRUD operations
6. $out = $g->render(“my_grid_1”);

This code will result in fully functional Jquery Grid (JqGrid) with

* Add
* Edit
* Delete
* Search
* Auto-filter
* Sort
* Pagination
* Export
* Multiple Themes (ThemeRoller)
* and almost all features available for FREE … which cost $449 on official commercial license.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: