Start Building Professional
Web Apps Today

Create new Tabbar inside Layout cell using function

Hello,

Im using layout with 3T configuration where in cell a I attach toolbar, accordion and tree in cell b, and tabbar inside cell c.
I want that each time I click in a tree node new tab will be created and its content from address that inputed which is called by function.
Here is the code for defining tabbar:

//tabbar
var dTab = radapp.cells("c").attachTabbar();
dTab.setImagePath("lib/dhtmlx/dhtmlxTabbar/imgs/");
dTab.setHrefMode("iframes");
dTab.enableAutoReSize(true);

and here the function for creating tab:

function addForm(nodeId,appUrl){
alert('open new tab with url: '+appUrl);
v_appForm = document.getElementById('appForm').value;
v_appForm = v_appForm + 1;
document.getElementById('appForm').value = v_appForm;
v_appName = radMenuTree.getItemText(nodeId);
tabRef = "tab"+v_appForm;
             
dTab.addTab(tabRef,v_appName,"200px");
dTab.setContentHref(tabRef,appUrl);
}

which called from function onItemClick(nodeId) that was attached to tree onclick:
dTree.setOnClickHandler(onItemClick);

However it always says that dTab is undefined in the following line:
dTab.setContentHref(tabRef,appUrl);

All the code in same file. What could be the problem?

Thank you very much for your attention.

Ah, thanks for the answer. I just found out that the js file of dhtmlxcommon.js in dhtmlxtabbar directory also need to be included.
I didnt notice first that the file size of dhtmlxcommon.js in dhtmlx suite directory and dhtmlxcommon.js in dhtmlxtabbar directory are different.
At first I only include the dhtmlxcommon.js in dhtmlxsuite directory. After the dhtmlxcommon.js in dhtmlxtabbar directory also included it works fine now.

Thank you very much for your assistance.