Start Building Professional
Web Apps Today

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.