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

Question

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

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>

Answer 1

不确定我是否正确完成了您的所有任务。但是关于 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 控件是面板的子控件，实际上与按钮控件相同。所以：只要你还不熟悉这一切，我发现最简单的方法是从创建一个按钮控件开始，进行所有的编程和测试，然后当你完成后，只需移动按钮的 <xp:eventHandler> 节点进入 <xp:panel> 控件，一切就绪。

编辑：除了使用面板，您还可以使用 <xp:div> 控件。此处的优点是此控件已经为事件处理程序（服务器端和客户端）做好了准备。您会在 "Other... >> Container >> Div" 下找到它（Dis 的优点，顺便说一下，<xp:div> 不能绑定到数据源...）

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

Clickable panel with data-toggle modal

xpages