访问 TitleBar 选项卡上的 Selected 属性

Question

我正在使用应用程序布局控件，并在标题栏中有选项卡。如果选择了选项卡，我想更改选项卡的样式。我目前正在通过将选项卡的值与单击选项卡时设置的 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
}