Login Register

tab

Working TabContainer from scratch?

I'm under a restriction to have an xhtml compliant design time page.
Therefore I have a single empty div as a placeholder for the dialog control I want to create.
I need tab containers inside this dialog and i need to create it all within javascript and get it in that div.
I have tried many different combinations of addChild and appendChild but my tab container never shows content. Sometimes it appears as a tiny box other time its a bar across the top of the area in firefox.

Has anyone gotten this done or seen this issue?
Any help would be greatly appreciated.

Using new tabs to continue navigating

hi
i'm trying to dynamically create tabs by pressing a button. The idea is that the user can continue using that tab to navigate
this is the script for my button

	var tabs = dijit.byId("tabs");
	var pane = new dijit.layout.ContentPane({ title:"Búsqueda paciente", href:"/hola" });
	dojo.mixin(pane, {closable: true, onClose: testClose	});
	tabs.addChild(pane,1);
	tabs.selectChild(pane);	

chart not rendering in programmatically created tab, which links to another page with setHref()

I creating a web page which displays charts, in tabs.

The tabs are created programmatically when a button is pressed.

I just create a tab and set the href to a page which is where the chart is created.

this is how I create the tab:-

javascript function in head of page 1

var node1=document.createElement("div");

var devel = new dijit.layout.ContentPane({id:"develTab",closable:"true",position:"relative",refreshOnShow:"true",title:"development overview"},node1);
devel.setHref("developmentoverview.jsp");
var tabCont = dijit.byId("tabs");

How do change the selected tab to another tab in code?

I have been trying unsuccessfully to change the selected tab to another tab. Here is the scenario:
User has a page with a button on it followed by a tab container with 4 tabs. Tab number 4 is selected.
When user clicks on the button, I want tab number 1 to be selected.
This part works, in that it changes the selected value to tab number 1, but nothing happens in the browser to reflect the change:

var myTab4 = dojo.byId('tab4');
    myTab4.setAttribute('selected','false');
    var myTab1 = dojo.byId('tab1');
    myTab1.setAttribute('selected','true');

Disable a tab from a tab container

Hi,

I would like to disable a tab from a tab container but after looking through the API I don't see a way of doing it. Am I missing something obvious?

Thanks,
Odysseas

Hide a Tab Pane Tab

Hi

how can we hide the tab panes tab and then redisplay the same on a button click
please post some example.

Thanks

Dino

Tab with grid closing problem

I have problem with closing tab with grid inside.
I create the tab in programatically way, then adding some grid. The problem started when I've put grid inside.

Code:

function destructId (pane,tab){
closedd = 1;
return true;
}

c = dijit.byId("myTabContener");
newTab = new dijit.layout.ContentPane({title: "Wyniki wyszukiwania", id: "newSearch",closable: true,onClose: destructId});

c.addChild(newTab);
c.selectChild(newTab);
var CategoryStore = new dojo.data.ItemFileWriteStore

Help with internent explorer

Hi there,

I am very new to dojo and this is just 3rd day of me working with dojo. Please excuse me if I ask stupid questions as I am still trying to tie documentation and available samples together.

I am trying to build a small page using dojo widgets. The page works fine in firefox but does not display anything at all in internet explorer. IE does not show any javascript errors either. The code is basically sample code I found in the dojo book. I am using IE 6.0 on windows XP.

Syndicate content