Start Building Professional
Web Apps Today

Tabbar in dhtmlxlayout

hello,

i made a page with "3L" layout.

cell"a" is a navigation tree,

in the cell"b" i wanted to show some information.

a tabbar ist integrated in the cell"b" with following code:

page: layout.jsp

var dhxTabbar = dhxLayout.cells("b").attachTabbar();
    dhxTabbar.setImagePath("<%=basePath%>images/tabbar/");
    //dhxTabbar.loadXML("<%=basePath%>layouts/validationtabs.xml");
    dhxTabbar.setHrefMode("iframe");
    dhxTabbar.addTab("overall","Overall view","275");
    dhxTabbar.setContentHref("overall","<%=basePath%>todo.jsp");
    dhxTabbar.addTab("current","Current View","275");
    dhxTabbar.setContentHref("current","<%=basePath%>todo.jsp");
    dhxTabbar.addTab("detailed","Detailed View","275");
    dhxTabbar.setContentHref("detailed","<%=basePath%>todo.jsp");
    dhxTabbar.setTabActive("current");

now i want to show some information in tab"overall". when i click a node in cell "a".

for cell"a":
dhxLayout.cells('a').attachURL('/mycar/executeCalculation.do?method=test');

so cell"a" has a page.

in this page, i have tried two methods, but they did not work.
error were: the object "parent.dhxTabba" or "parent.dhxLayout.cells('b').dhxTabbar" is not defined

how can i make it?


the javascript code is:

page: integrated.jsp

function showSVGTree()
            {    
                if(document.getElementsByName("selectedProcess")[0].selectedIndex != 0){
            parent.dhxTabbar.setContentHref("overall","<%=basePath%>productProcessSvgTree.do?method=show2");
            parent.dhxTabbar.setTabActive("overall");
        
                
            //parent.dhxLayout.cells('b').attachURL('<%=basePath%>productProcessSvgTree.do?method=show2');
                    }
            }


or

function showSVGTree()
            {    
                if(document.getElementsByName("selectedProcess")[0].selectedIndex != 0){
            parent.dhxLayout.cells('b').dhxTabbar.setContentHref("overall","<%=basePath%>productProcessSvgTree.do? method=show2");
            parent.dhxLayout.cells('b').dhxTabbar.setTabActive("overall");
        
                
            //parent.dhxLayout.cells('b').attachURL('<%=basePath%>productProcessSvgTree.do?method=show2');
                    }
            }


thanks!

Normally, when data loaded through attachURL, usage of "parent" prefix solves the issue. 
The problem can be caused by visibility of dhxTabbar variable , is it defined on global level or inside some function?

The next will not work
function some(){
          var dhxTabbar = dhxLayout.cells("b").attachTabbar(); 

The next will work
var dhxTabbar; 
function some(){
          dhxTabbar = dhxLayout.cells("b").attachTabbar();