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