ansaurus

Question

How do I "get" the ID for a "clicked" tab in a dijit.layout.tabcontainer?

Answer 1

A:

Try this:

<head>
    <style type="text/css">
        body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
    </style>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css"/&gt;
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" djConfig="parseOnLoad: true">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.layout.TabContainer");
        dojo.require("dijit.layout.ContentPane");
        dojo.require("dojo.NodeList-traverse");

    function doSomething(e) {
        var tab = dojo.query(e.target).parents('.dijitTab')[0];
        if (tab) {
            alert(tab.getAttribute('widgetId'));
        }
    }   

    </script>

</head>

<body class=" claro ">
    <div id="mainTab" dojoType="dijit.layout.TabContainer" style="width: 400px; height: 100px;" onClick="doSomething">
        <div id="tab1" dojoType="dijit.layout.ContentPane" title="My first tab" selected="true">
            Lorem ipsum and all around...
        </div>
        <div id="tab2" dojoType="dijit.layout.ContentPane" title="My second tab">
            Lorem ipsum and all around - second...
        </div>
        <div id="tab3" dojoType="dijit.layout.ContentPane" title="My last tab">
            Lorem ipsum and all around - last...
        </div>
    </div>
</body>

Pumbaa80 2010-08-04 21:13:11

Answer 2

+1 A:

You could attach to the selectChild event on TabContainer using dojo.connect. Something like

dojo.connect(dijit.byId("mainTab"), "selectChild", function(page){ alert(page.id); });

You can also do this by doing a dojo.subscribe to the mainTab-selectChild topic.

peller 2010-08-09 14:51:34

Answer 3

A:

I believe dijit.byId('mainTab').selectedChildWidget ought to give you a reference to the widget in the selected tab (e.g. one of your ContentPanes).

http://www.dojotoolkit.org/api/dijit/layout/TabContainer.html#selectedChildWidget

Ken 2010-08-16 04:53:08

ansaurus

tags:

views:

answers:

How do I "get" the ID for a "clicked" tab in a dijit.layout.tabcontainer?

related questions