Please see the documentation in the sample code below:
Thanks,
Andy
Code:
//////////////////////////////////////////////////////////////////////
//
// Problem:
//
// The following example contains two ListGrids in a VLayout.
// Each ListGrid contains a custom ToolStrip item at the bottom
// of the ListGrid. The top ListGrid has showResizeBar set to
// true so that the user can resize the display. After performing
// the resizing cases outlined below, one of the ListGrids "loses"
// the ToolStrip off the display when it should be shown.
//
// Environment:
//
// - OS: Linux (Ubuntu 11.04)
// - SmartClient Version 8.2 LGPL
// - Tested on browser: Firefox 10.0.1
//
// Notes:
//
// NOTE 1: Also tested on Chrome 16.0.912.77 and experienced
// similar behavior where the ToolStrip "disappeared". Some
// testing on Chrome also resulted in the ToolStrip appearing to be
// "floating" in the browser versus at the bottom of the ListGrid.
//
// NOTE 2: If the data is removed from the ListGrids, the odd
// behavior does not occur.
//
// To Recreate:
//
// - Case #1:
// -- load/reload this example in browser
// -- click resize bar so that the bottom ListGrid fills the layout
// -- click resize bar so that the two ListGrids are shown again
// -- drag the resize bar all the way to the bottom of the screen
// -- drag the resize bar all the way to the top of the screen
// -- drag the resize bar to the middle of the screen
// -- the ToolStrip on the bottom ListGrid disappears out of view
//
// - Case #2:
// -- load/reload this example in browser
// -- drag the resize bar all the way to the bottom of the screen
// -- drag the resize bar all the way to the top of the screen
// -- drag the resize bar to the middle of the screen
// -- the ToolStrip on the bottom ListGrid disappears out of view
//
// - Case #3:
// -- load/reload this example in browser
// -- drag the resize bar all the way to the top of the screen
// -- drag the resize bar all the way to the bottom of the screen
// -- drag the resize bar to the middle of the screen
// -- the ToolStrip on the top ListGrid disappears out of view
//
//////////////////////////////////////////////////////////////////////
ts1 = isc.ToolStrip.create( { members : [ isc.ToolStripButton.create( { title : "ts1" } ) ] } );
ts2 = isc.ToolStrip.create( { members : [ isc.ToolStripButton.create( { title : "ts2" } ) ] } );
lg1 = isc.ListGrid.create(
{
data :
[
{ "lg1_field" : "row1" },
{ "lg1_field" : "row2" },
{ "lg1_field" : "row3" },
],
fields : [ { name : "lg1_field" } ],
gridComponents : ["header", "filterEditor", "body", ts1],
showResizeBar : true
});
lg2 = isc.ListGrid.create(
{
data :
[
{ "lg2_field" : "row1" },
{ "lg2_field" : "row2" },
{ "lg2_field" : "row3" },
],
fields : [ { name : "lg2_field" } ],
gridComponents : ["header", "filterEditor", "body", ts2],
});
isc.VLayout.create(
{
height : "100%",
members : [ lg1, lg2 ],
width : "100%"
});
Andy
Comment