This week's giveaway is in the Android forum.
We're giving away four copies of Android Security Essentials Live Lessons and have Godfrey Nolan on-line!
See this thread for details.
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 Android Security Essentials Live Lessons this week in the Android 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
Author

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 ...
Trilochan.

Addendum : Media studios as in News and Media broadcasting corporations, server centers where they do Playlist management etc.
 
wood burning stoves
 
subject: Grids with selectable rows in JQuery
 
Similar Threads
JSON JQuery Grid Not getting value in JSP
Enabling/Disabling Rows in JTable
table code - td inside td how ?
have two tables I am trying to use jquery accordion effect on
Adding grids in MapBacked form