2012-02-22 22 views
1

我正在使用应用程序布局控件并在TitleBar中具有选项卡。如果选择该选项卡,我想更改选项卡的样式。我目前正在通过比较选项卡的值与我在点击选项卡时设置的sessionScope变量来执行此操作。访问TitleBar选项卡上的选定属性

我看到了一些关于使用我用于选项卡的基本节点的Selected属性(虽然我现在找不到它)。我如何在SSJS中访问它以便我可以这样做?

if(thisnode.selected) { 
    return "lotusTabs liActive"; 
} else { 
    return "lotusTabs li"; 
} 

谢谢。

回答

0

下面的CSS规则将针对选定的标题标签:

div.lotusTitleBar ul.lotusTabs li.lotusSelected { 
// your code here 
} 
+0

谢谢你,蒂姆。我终于弄清楚了CSS片断,尽管我可以根据你的回答回去重新考虑我的解决方案。如果有一种方法可以通过JavaScript访问这个属性,我仍然很好奇。 – 2012-02-23 03:06:04

+0

刚想到这个:是否将CSS转换为“如果UL的类为lotusTabs且UL在类lotusTitleBar的DIV中,将此样式应用于LI with lotusSelected类”?如果你离开了DIV,那么它将适用于使用lotusTitleBar的任何元素?谢谢。 – 2012-02-23 12:45:26

+0

完全正确。 – 2012-02-23 14:22:09

1

您也可以访问标签编程:

var layout = getComponent("layoutId"); 
var selectedTab = null; 
var tabs = layout.getConfiguration().getTitleBarTabs(); 
for (var tab in tabs) { 
    if (tab.getSelected()) { 
    selectedTab = tab; 
    } 
} 
相关问题