Tabbar TypeError: this.conf.hdr is undefined

Suite and Optimus Suite 5
#1

Hi,
I’m using dhtmlxSuite 5.0 Standard and am confronted with the following problem :
I have created a full page layout with two parts (pattern 2U).
The first part is used to create a header for the page, the second is used to host the application.
In this second part I created a sidebar with tree items. In the third item I’m using a tabbed bar.

The first time I select the third item of the sidebar, there’s no problem. When after selecting this item, you select another item on the sidebar and then returns to the third item the following error occurs : TypeError : this.conf.hdr is undefined

Removing away from the third item and then reselecting it, it works fine again. In fact, it occurs every second time the third item is selected.

There’s also a problem with the layout : hideHeader function is not working on the second cell.

A working page can be found here : [url]http://www.virtual-tours.be/projects/roommanager/test.html[/url]

#2

Hi,

Try to remove next lines ( line 67-69 in test.html )
Sidebar will detach old content automatically

if (sideBar.cells(id).getAttachedObject() != "undefined") { sideBar.cells(id).detachObject(true); }

#3

Still having the same error :neutral_face:

#4

Please, try to use the following code:
case “administration”:
if (!sideBar.cells(id).getAttachedObject()) {
adminregion = sideBar.cells(id).attachTabbar({
tabs: [ {id: “a1”, text: “Reservations”},
{id: “a2”, text: “Rooms”},
{id: “a3”, text: “Users”}
]
});
}
break;
the similar approach you can use for each of your cell, or add right in th onSelect event:
sideBar.attachEvent(“onSelect”, function(id) {
if (!sideBar.cells(id).getAttachedObject()) {
switch (id) {
…

#5

Tried and problem resolved. No more errors.
Thanks for the solution.
I’ll keep this in mind for other projects.
:laughing: