Hi,

FloatingPane "disappears" in IE7 when click on the Grid (dojox.grid.data.Table) within it !

In Firefox 2.0.0.11 works fine... :(

My code:

Test dojox.Grid Basic


@import "http://archive.dojotoolkit.org/nightly/dojotoolkit/dojo/resources/dojo.css";
@import "http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/grid/_grid/tundraGrid.css";
@import "http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/layout/resources/FloatingPane.css";
@import "http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/layout/resources/ResizeHandle.css";


	



dojo.require('dojox.layout.FloatingPane');
dojo.require("dojox.grid.Grid");
dojo.require("dojox.grid._data.model");
dojo.require("dojo.parser");





function testegrid () { 

//FLOATINGPANE
var node4 = document.createElement('div');
node4.id = 'f2';
dojo.body().appendChild(node4);

var node6 = document.getElementById("f2"); 
node6.style.display = "none";

tmp11 = new dojox.layout.FloatingPane({title:".::Query::.",dockable:true,maxable:true,closable:true,resizable:true},node4);
tmp11.setContent("
");
			
w1 = 600;
h1 = 300;
var node5 = dijit.byId('f2').domNode;

//set width and height - bug IE7
dojo.style(node5,"width",w1 + "px");
dojo.style(node5,"height",h1 + "px");

var viewport2 = dijit.getViewport();

var mb2 = dojo.marginBox(node5);
var style2 = node5.style;

style2.left = Math.floor((viewport2.l + (viewport2.w - mb2.w)/2)) + "px";
style2.top = Math.floor((viewport2.t + (viewport2.h - mb2.h)/2)) + "px";

tmp11.startup();
//End FP

...XHR Call

var reply = http_request.responseText;

resplength = reply.length - 1;
reply = reply.substring(0,resplength);

data1 = reply.split("|");
data = eval ( "[" + data1 + "]" );

var view1 = {

cells: [
[
{name: 'Column 0'},
{name: 'Column 1'}, 
{name: 'Column 2'}, 
{name: 'Column 3', width: "150px"}, 
{name: 'Column 4'}
],
[
{name: 'Column 5'}, 
{name: 'Column 6'}, 
{name: 'Column 7'}, 
{name: 'Column 8', field: 3, colSpan: 2}
]
]
};
				
var rowbar = { 
noscroll: true,
type: 'dojox.GridRowView', width: '20px'
}; 

// a grid layout is an array of views.
var layout = [ rowbar, view1 ];
				
//model
model = new dojox.grid.data.Table(null, data);

//Grid
var grid = new dojox.Grid({
"id": "grid",
"structure": layout,
"model": model,
"autoWidth" : true,
"autoHeight" : true,
"onRowClick" : editCheck
});
				
dojo.byId("gridContainer").appendChild(grid.domNode);
		
grid.render();

}//End testgrid()

function editCheck(e) {
		
var grid = dijit.byId("grid");
grid.selection.select(e.rowIndex); 
cellvalue = grid.model.getDatum(e.rowIndex,9); 
alert(cellvalue);

}

I am using Dojo 1.0.2 (nightly - january 6, 2008)

Thank You!

Rodrigo