Programatically create Tabs

Submitted by satispatil on Thu, 12/06/2007 - 08:10.

Dijit Support

Hi All,

I have a need to create tabs dynamically depending upon a user action. To achieve this I have created declaratively tab container without any content panes. I create content panes upon user action and insert into tab container. I don’t see them after creation. Following is the code. What am I doing wrong?

var placeHolder = document.createElement("div");
dojo.byId("tabContainer").appendChild(placeHolder);
var pane = new dijit.layout.ContentPane({id:"test2", "title":"Title1"},placeHolder);

Any help appreciated.

Login or register to post comments
Subscribe post

If I recally correctly, you

Submitted by dante on Thu, 12/06/2007 - 15:10.

If I recally correctly, you would need to do something like:

var holder = dojo.doc.createElement('div');
var pane = new dijit.layout.ContentPane({ title:"foo", href="bar.html" },holder);
dijit.byId("tabContainer").addChild(pane);

appendChild() to the domNode for the tabcontainer after it has been parsed is probably a bad thing, though I've not tried it. my example creates a contentPane, then adds the actual widget to the actual tabContainer using
it's addChild() method. If you are using 1.0.1 or trunk, you should be able to leave off the "holder" node in this case. All widgets now create srcNodes if they do not already have one.

Hope this helps.

Hi, This code must be

Submitted by kilroy on Thu, 12/06/2007 - 15:10.

Hi,
This code must be better.

var placeHolder = dojo.doc.createElement("div");
var pane = new dijit.layout.ContentPane({id:"test2", "title":"Title1"},placeHolder);
dijit.byId("tabContainer").addChild(pane);

Kilroy

Search