Twitter bootstrap 3 XPages引导选项卡事件处理程序

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

<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的调试器检查范围变量

如有建议，我们将不胜感激

谢谢

---

Dan

我认为最好的方法是添加一些JQuery代码来添加onClick事件，该事件触发SSJS代码。如何执行此操作，请参见此代码应能正常工作。必须为面板设置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>

---

其中第二个参数是目标id属性。我确实尝试过这一点，但无法让它工作，可能是因为下面的href。如何将以下内容合并到您的xp:panel示例中？换成怎么样？并将服务器端事件添加到链接

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