titlebar - 访问 TitleBar 选项卡上的 Selected 属性

Question

我正在使用应用程序布局控件并在 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

The following CSS rule will target the selected title tab:

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