PDA

View Full Version : Combining rows and displaying images in a grid



KSagar
10 Nov 2009, 2:00 AM
Hello All,

I am trying to combining all the rows from grid and displaying the image in the grid as shown in the attachment. Is it poosible to do this using extjs? Any idea?

Condor
10 Nov 2009, 5:28 AM
Not in a GridPanel, but this doesn't really need to be a grid and could simply be a DataView.

KSagar
10 Nov 2009, 5:39 AM
Is it possible to remove the strips(horizontal lines) from the grid?

Condor
10 Nov 2009, 5:42 AM
Assign a cls to the grid and create a css rule based on this class to not display the row lines.

KSagar
10 Nov 2009, 5:49 AM
How this css rule will look like?

Condor
10 Nov 2009, 6:14 AM
Assuming you used cls:'my-class' it would be:

.my-class .x-grid-row {border-bottom-color: #FFF;}

jcabrera
10 Nov 2009, 7:55 PM
I guess that if you are not using the power of the grid, you should not use a grid and pretend it is another object.
You could generate a list like that applying a template to the store directly. I guess you'll get better results.
Check for xtemplate on doc.

Condor
10 Nov 2009, 10:18 PM
That is why I suggested DataView earlier (I assumed you still want to use a store).