javascript - 如何使用 dojo 选项卡测试选项卡是否处于活动状态

Question

如何使用 dojo 选项卡容器测试选项卡是否处于活动状态？（在 JQuery 中这很简单......你可以使用这样的东西

if($("#accordion").accordion('option', 'active') == mytabNumber){

使用 dojo 的 dijit.layout.TabContainer 必须有一个类似的方法来完成它，而不必编写一个 litener 函数和所有那些爵士乐。

也许像...

if( dojo.byId("tab2"), {selected:true} ){

提前致谢！

Answer 1

您可以将选项卡的小部件与选项卡容器的selectedChildWidget属性进行比较，即：

dijit.byId('tabContainer').selectedChildWidget == dijit.byId('tab2')

Answer 2

如果您已经引用了该选项卡，则只需检查其“已选择”属性即可查看它是否已被选中，无论它位于哪个容器中。

var tab2 = dijit.byId('tab2');
if (tab2.get('selected')) { /* do stuff */ }

我在http://jsfiddle.net/brianarn/ws28T/创建了一个更详细的示例

Answer 3

下面是更完整的代码答案，给出了 Dojo 1.8 的周边代码：

require(["dijit/registry",  "dojo/ready", "dojo/domReady!"], function (registry, ready) {
    ready(function () { //wait till dom is parsed into dijits
        if (dijit.byId('tabContainer').selectedChildWidget == dijit.byId('tab2'))
            alert('Yes, we found it!');
    });
});