File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
The moose likes HTML, CSS and JavaScript and the fly likes Grids with selectable rows in JQuery Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Grids with selectable rows in JQuery" Watch "Grids with selectable rows in JQuery" New topic

Grids with selectable rows in JQuery

Trilochan Bharadwaj
Ranch Hand

Joined: Feb 02, 2009
Posts: 100
Here's what I am trying to accomplish in nutshell ...

Definition of Grid for my web application :

A Grid should have a fixed header with columns (a cell within the header may have a checkbox/selection box which may or may not be enabled based on some conditions), A grid will have rows, where each row will contain cells (each cell will align with header column so as to speak), a grid should be style-friendly (easily skinnable, kinda like on YouTube).

Precondition: Grid at this point is empty.
Step 1 : User types in a text field, (this text field is an auto-complete field), this sends off a JSON request to an appropriate controller (Spring MVC), returns list of possible search items, say user selects Roger Federer out of it.
Step 2 : Because of Step 1, the Grid is now populated with say 100 rows, where each item is selectable and expandable div. When I click on the row, it should expand to give me details.

So I am looking for a grid template or a JQuery plugin of sorts to allow for, selectable rows, which when selected together will allow me to take the information to next page (both rows will contain some data that I have to push to next page). I need to know if there's a plugin available for doing this in JQuery UI. Grid should be paginated, (like have 1|2|3 ... Last > format on the grid field set footer). Also I would like to get some ideas on skinning and styling of this grid to make it look good; Just to throw an additional detail, This will be used in media studios, so I am looking for decent skin templates to make it attractive. I would love to hear suggestions, pointers ...

Addendum : Media studios as in News and Media broadcasting corporations, server centers where they do Playlist management etc.
I agree. Here's the link:
subject: Grids with selectable rows in JQuery
It's not a secret anymore!