Xpages 带数据切换模式的可点击面板

我在Xpage中有一个面板。我想点击打开一个模态对话框。 模态是插入和隐藏的。ID=fullmodal。 我该怎么做

data-toggle="modal" href="#fullmodal"

<xp:panel
    tagName="a">
    <xp:this.attrs>
        <xp:attr name="onclick">
            xp:this.value>
                <What should be here?>
            </xp:this.value>
        </xp:attr>
    </xp:this.attrs>
</xp:panel>

data toggle=“modal”href=“#fullmodal”
xp：这个值>

不确定我是否正确完成了您的所有任务。但是关于

onclick

事件，您应该添加

eventHandler

子控件，而不是使用面板的

attrs

属性。工作原理如下：

<xp:panel
    id="pnWithEvent">
    <xp:eventHandler
        event="onclick"
        submit="true"
        refreshMode="complete">
        <xp:this.action>
            <![CDATA[#{javascript:requestScope.testEvt="test"}]]>
        </xp:this.action>
    </xp:eventHandler>
</xp:panel>

提示：正如您所看到的，eventHandler控件是面板的子控件，实际上与button控件相同。所以：只要你还不熟悉这一切，我发现从创建按钮控件开始，做所有的编程和测试是最容易的，然后当你完成后，只需将按钮的

节点移动到

控件中，就可以了

编辑：

---

您也可以选择

控件，而不是使用面板。这里的优点是，这个控件已经为事件处理程序（服务器端和客户端）准备好了。您可以在“Other…>>Container>>Div”下找到这一点（顺便说一句，缺点是

无法绑定到数据源…

您是对的。如果按钮是好的，那么我可以得到代码。但我不知道我必须在xp:按钮中键入什么。我的按钮现在是：打开抱歉，对于数据切换或href没有任何想法。这些属性既不是按钮的标准属性，也不是eventHandler的标准属性。-关于模式对话框，您应该从Extendion Library控件组中查看对话框控件（）。也许这就是你想要的？是的，（）很好，但对我来说不够灵敏。我有一个问题，内容是响应的，但对话框不是。现在我尝试引导模式（）。用按钮就可以了，但用面板就不行了。无论如何，谢谢。我明白了，你是对的：我的示例是用来触发服务器端事件的，而很明显，你考虑的是客户端触发器。在这种情况下，在eventHandler中，它将取代。-我在回复中添加了第二个选项，而不是使用面板。。。