访问TitleBar选项卡上的Selected属性

Question

我正在使用Application Layout控件并在TitleBar中有标签。如果选中它，我想更改选项卡的样式。我目前正在通过将选项卡的值与我在单击选项卡时设置的sessionScope变量进行比较来进行此操作。

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

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

感谢。

Answer 1

您还可以通过编程方式访问标签：

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

Answer 2

以下CSS规则将定位所选的标题选项卡：

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