PDA

View Full Version : Overlapping grid cells using RowExpander and BufferView in Firefox 3.6.x



joshua.lawrence
23 Aug 2010, 1:39 PM
This problem has similar symptoms to the Ext JS problem reported here:

http://www.sencha.com/forum/showthread.php?37733-Issue-with-expand-in-Firefox-2.0&highlight=Firefox+grid+RowExpander
(http://www.sencha.com/forum/showthread.php?37733-Issue-with-expand-in-Firefox-2.0&highlight=Firefox+grid+RowExpander)
When using a Grid that has a BufferView, and also using the RowExpander plugin, the expand
behaviour doesn't work when using Firefox (3.6.x). IE7 works just fine.

Our current workaround is to remove the BufferView, as the row expansion capability is currently more important than the grid rendering performance.


XTemplate tpl = XTemplate.create("<div class=\"x-grid3-cell\" style=\"margin-left:5px;\"><b>" +
I18N.COMMON.timestamp() +
":</b> {" + ReloadMessage.PROPERTY_TIMESTAMP +
"}" +
"<br><b>" + I18N.COMMON.severity() +
":</b> {" +
ReloadMessage.PROPERTY_SEVERITY +
"}" +
"<br><b>" + I18N.COMMON.message() +
":</b> {" +
ReloadMessage.PROPERTY_MESSAGE +
"}</div>");
RowExpander expander = new RowExpander();
expander.setTemplate(tpl);

ColumnModel columns = new ColumnModel( Arrays.asList(
expander,
new ColumnConfig( ReloadMessage.PROPERTY_TIMESTAMP, I18N.COMMON.timestamp(), 190 ),
new ColumnConfig( ReloadMessage.PROPERTY_SEVERITY, I18N.COMMON.severity(), 60 ),
messageColumnConfig ) );

Grid<ReloadMessage> messagesGrid = new Grid<ReloadMessage>( store, columns );
messagesGrid.setTrackMouseOver( false );
messagesGrid.setLoadMask( true );
messagesGrid.addPlugin(expander);

BufferView view = new BufferView();
view.setScrollDelay(0);
view.setForceFit( true );
messagesGrid.setView(view);
Thanks very much.

sven
23 Aug 2010, 2:36 PM
RowExpander cannot be used together with BufferedView. BufferedView needs to have a specific rowheight.

joshua.lawrence
23 Aug 2010, 2:51 PM
OK, thanks, Sven.

sdavids
17 Dec 2010, 11:45 AM
You can do this through simple CSS:

.x-grid-panel .x-grid3-row-expanded {
height: auto !important;
}

sven
17 Dec 2010, 11:50 AM
And that will brake BufferedView. You cannot use RowExpander together with BufferedView.