jQuery Grid Plugin - jqGrid - Topic: Collapsing to selected rod

tony on Collapsing to selected rod

Tue, 27 Nov 2012 18:11:09 +0200

Hello,

You can use the onSelectRow event. In this event you can use the getDataIDs to get all the ids in the grid.

Since the retun of this function is array with the data id's (see docs) you can loop and hide all the needed rows except the

selected ( use the selrow parameter which return the selected row)

You will need then to bind a click event on document (except on the grid) where you do the same procedure, but to show the grid rows.

I hope this will help - the implementation belong to you

Regards

SammyD on Collapsing to selected rod

Tue, 27 Nov 2012 16:19:47 +0200

Thanks for the reply.

Right now, the grid to defaults, to showing 10 rows of data. When they select (click on) a row, I would like to collapse the other 9 rows (not show them), so the grid will only show the header + the selected row.

When they mouse back over the selected row, then all the rows of the grid will show again.

As soon as they click on a row (or off the grid), the grid collapses back again to the header + the selected row.

Does that help? Thanks a bunch!

tony on Collapsing to selected rod

Tue, 27 Nov 2012 15:57:47 +0200

Hello,

What you mean with collapse the grid to the selected row?

Im'little confused to understand this.

Regards

SammyD on Collapsing to selected rod

Mon, 26 Nov 2012 22:24:57 +0200

Hi,

New to using the grid, and have a question. I have a lengthy grid, that only allows single row selection.

Because of page realestate, is it possible to collapse the grid to the selected row? Or maybe the header and the selected row? Then, when they mouse over the row (and/or header), the grid expands and shows itself? When the user selects a different row, the grid will then collapse again, back to the newly selected row.

Thanks!