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

时间:2015-05-06 07:45:51

标签: 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>

1 个答案:

答案 0 :(得分:0)

不确定我是否正确完成了所有任务。但是对于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>控件来代替使用面板。这里的优点是该控件已经为事件处理程序(服务器端和客户端)做好了准备。你会在“其他...&gt;&gt;容器&gt;&gt; Div”( Dis 优势,btw。)下找到这个,因为<xp:div>无法绑定到数据源。 ..)