Granny's Programming Pearls
"inside of every large program is a small program struggling to get out"
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

Win a copy of REST with Spring (video course) this week in the Spring forum!
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!