PropertyGrid construction not working

Hi folks,

I’m having a layout with 4 cells.
In the third cell I want to display a PropertyGrid when the user selects a row from a grid in the second cell.
I use the following code :

grid.attachEvent("onRowSelect", function(rowId) {
	myLayout.cells("c").attachHTMLString("div id='program_properties'></div>");
	GridTab = new dhtmlXPropertyGrid("program_properties");
	GridTab.setImagePath("<%out.print(DHTMLX_path_v401);%>/sources/dhtmlxGrid/codebase/imgs/");
        GridTab.setSkin("dhx_skyblue");
	GridTab.init();
	GridTab.loadXML("data.jsp?FmnCode="+rowId);
})

Using this code I receive the following error :

I suppose the PropertyGrid-constructor doesn’t find the div “program_properties”.
But I don’t want to put all this extra divs to generate grids etc in the DOM.

Can anyone provide a solution for this ?

Thx

I suppose the PropertyGrid-constructor doesn’t find the div “program_properties”.
But I don’t want to put all this extra divs to generate grids etc in the DOM.

You’re right. PropertyGrid-constructor doesn’t find the div “program_properties”.
But the property griid should be attached to any container, so it should be defined.