2017-06-28 21 views
0

我尝试使用图像按钮来直接更新标签面板,每次我点击按钮它会给出错误消息。xpages使用图像按钮去每个标签面板[错误]

Tab Panel Error

+0

请分享您在活动中使用的代码至少 – shillem

+0

dint使用任何代码...只需使用onclick事件,然后选择标签面板即可刷新它。它不能直接部分刷新标签面板? –

回答

4

如果你想手动导航到一个给定的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参数值对应于tabPanel id。刷新,这是很重要的,然后执行tabbedPanel - tabbedPanel1 - 而不是具体打开tabPanel

+0

感谢给它一个样本解决方案〜 –