dhtmlx layout method expand and collapse.

Hi i am using dhtmlx Layout in the application and the layout used is 6C where in each row an iframe is attached and inside iframe a jsp is displayed.









var dhxLayout = new dhtmlXLayoutObject(“maindiv”, “6C”, “dhx_blue”);

    dhxLayout.setAutoSize(10,10);

    dhxLayout.cells(“a”).setText(“Select”);

    dhxLayout.cells(“b”).setText(“STO BATCH PREPARATION”);

    dhxLayout.cells(“c”).setText(“STO BATCH PREPARATION II”);

    dhxLayout.cells(“d”).setText(“STO BATCH CONFIRMATION”);

    dhxLayout.cells(“e”).setText(“STO BATCH ACCEPTANCE”);

    dhxLayout.cells(“f”).setText(“FEEDBACK”);



    dhxLayout.cells(“a”).setWidth(200);

    

var dhxAccord = dhxLayout.cells(“a”).attachAccordion();

dhxAccord.addItem(“a1”, “STO”);

    dhxAccord.addItem(“a2”, “FEWA”);

dhxAccord.addItem(“a3”, “60 Day”);

    dhxAccord.cells(“a1”).open();



    dhxLayout.cells(“b”).attachObject(“iframe2”);

    dhxLayout.cells(“c”).attachObject(“iframe3”);

    dhxLayout.cells(“d”).attachObject(“iframe4”);

    dhxLayout.cells(“e”).attachObject(“iframe5”);

    dhxLayout.cells(“f”).attachObject(“iframe6”);



dhxLayout.cells(“c”).collapse();

    dhxLayout.cells(“d”).collapse();

    dhxLayout.cells(“e”).collapse();

    dhxLayout.cells(“f”).collapse();









As you can see the row c, d, e, f are now collapse inside row b i am displaying a jsp inside jsp on click of a button i want the row c to expand and display another jsp inside the row c. to achieve this i have written







function batchPreparation()

{



parent.document.getElementById(‘iframe3’).src=“STOBatchPrepServiceFee”;



parent.dhxLayout.cells(“c”).expand();



}



This do not expoand the cell ‘c’ the iframe shows it contents inside the cell c when i manually expand it… can you please suggest me how do i expand the cell c… on click of button inside the jsp in cell ’ b’

Hello,

Here is a demo.

demo.zip (74 KB)