XPages Bootstrap 选项卡事件处理程序答案

【问题标题】：XPages Bootstrap tabs eventhandlerXPages Bootstrap 选项卡事件处理程序
【发布时间】：2016-04-07 15:18:51
【问题描述】：

我在我的 XPage 应用程序中使用 Bootstrap 选项卡，如下所示：

<div class="bs-component">
<ul class="nav nav-tabs">
<li class="active">
<a href="#tab1" data-toggle="tab">
PENDING REQUESTS
</a>
</li>
<li>
<a href="#tab2" data-toggle="tab">
ARCHIVES
</a>
</li>
</ul>
</div>

单击给定选项卡后，我想设置一个 sessionScope 变量。我尝试用 xp:panel (tagName="li") 和附加的 eventHandler 替换 li，但无法将其写入 sessionScope。我正在使用 Mark Leusink 的调试器来检查范围变量。

不胜感激。

谢谢，

丹

【问题讨论】：

标签： twitter-bootstrap-3 tabs xpages eventhandler

【解决方案1】：

我认为最好的方法是添加一些 JQuery 代码来添加一个触发 SSJS 代码的 onClick 事件。怎么做，见http://www.xpagetips.com/2011/11/running-ssjs-from-csjs-sometimes-its.html

【讨论】：

【解决方案2】：

这段代码应该可以工作。您必须为面板设置 id 属性

<xp:panel tagName="li" id="XXX">
    <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
        <xp:this.action><![CDATA[#{javascript:sessionScope.XXX = "";}]]></xp:this.action>
    </xp:eventHandler>
</xp:panel>

附加到 ssjs 事件 XSP 使用此代码（示例）：

XSP.attachEvent("view:_id1:_id3:_id12", "view:_id1:_id3:image2", "onclick", null, true, 2);

第二个参数是目标id属性

【讨论】：

谢谢罗曼。我确实尝试过这个并且无法让它工作，可能是因为下面的href。如何将以下内容合并到您的 xp:panel 示例中？
将更改为