xpages 使用图像按钮转到每个选项卡面板 [错误]

Question

我尝试使用图像按钮直接更新选项卡面板，每次单击该按钮时都会给出错误消息。

Answer 1

如果您想手动导航到给定位置，tabPanel则必须调用tabbedPanel切换选项卡的方法。为了简洁起见，我发布了一个示例，该示例基于您可以在页面本身上执行的操作，而无需支持 Java 类的适当干预：

<ul>
  <li>
    <xp:link id="link1" text="select 1">
      <xp:eventHandler event="onclick" submit="true"
        refreshMode="partial" refreshId="tabbedPanel1"
        action="#{javascript: tabbedPanel.setSelectedTab('tabPanel1')}">
      </xp:eventHandler>
    </xp:link>
  </li>
  <li>
    <xp:link id="link2" text="select 2">
      <xp:eventHandler event="onclick" submit="true"
        refreshMode="partial" refreshId="tabbedPanel1"
        action="#{javascript: tabbedPanel.setSelectedTab('tabPanel2')}">
      </xp:eventHandler>
    </xp:link>
  </li>
</ul>

<xp:tabbedPanel id="tabbedPanel1" binding="#{tabbedPanel}">
  <xp:tabPanel label="New Tab" id="tabPanel1">panel1</xp:tabPanel>
  <xp:tabPanel label="New Tab2" id="tabPanel2">panel2
  </xp:tabPanel>
</xp:tabbedPanel>

为了调用选项卡更改，我抓住了 tabbedPanel 对象。我通过绑定属性 - 来创建一个方便的句柄binding="#{tabbedPanel}"。此时tabbedPanel可以从页面的任何位置访问。

我写了几个action参数实现的链接tabbedPanel.setSelectedTab('tabPanel1')}。参数setSelectedTab值对应tabPanelid。刷新（这一点很重要）是在tabbedPanel-tabbedPanel1而不是特定打开的上执行的tabPanel。