如果要手动导航到给定的
tabPanel
tabbedPanel
<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属性创建了一个方便的句柄-
binding="#{tabbedPanel}"
.此时
选项卡面板
我写了几个链接
action
参数实现
tabbedPanel.setSelectedTab('tabPanel1')}
setSelectedTab
参数值对应于
选项卡面板
-
tabbedPanel1
-而不是具体打开的
选项卡面板