• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Tim Cooke
  • Junilu Lacar
  • Rob Spoor
  • Devaka Cooray
  • Jeanne Boyarsky
Saloon Keepers:
  • Jesse Silverman
  • Stephan van Hulst
  • Tim Moores
  • Carey Brown
  • Tim Holloway
  • Jj Roberts
  • Al Hobbs
  • Piet Souris

Grids with selectable rows in JQuery

Ranch Hand
Posts: 100
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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.
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
    Bookmark Topic Watch Topic
  • New Topic