Richfaces 中<rich:modalPanel />有3中开启与关闭的方式分别如下

最新推荐文章于 2016-07-29 14:05:00 发布

原创最新推荐文章于 2016-07-29 14:05:00 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#richfaces #XML #Blog

Richfaces 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了三种在RichFaces中操作modalPanel的方法：通过使用<rich:componentControl/>标签、带有EL表达式的JavaScript调用以及直接调用RichFaces内置的JavaScript函数。这些方法可以帮助开发者灵活地实现弹出框的显示与隐藏。

http://rockjava.iteye.com/blog/185147

Richfaces 中<rich:modalPanel />有3中开启与关闭的方式分别如下

1.使用<rich:componentControl />标签

Xml代码

1. <h:graphicImage value="/open.png" id="showlink"/>
2. <rich:componentControl for="modalPanelId" attachTo="showlink" operation="show" event="onclick"/>
3. <h:graphicImage value="/close.png" id="hidelink"/>
4. <rich:componentControl for="modalPaneld" attachTo="hidelink" operation="hide" event="onclick"/>

<h:graphicImage value="/open.png" id="showlink"/>
<rich:componentControl for="modalPanelId" attachTo="showlink" operation="show" event="onclick"/>
<h:graphicImage value="/close.png" id="hidelink"/>
<rich:componentControl for="modalPaneld" attachTo="hidelink" operation="hide" event="onclick"/>

2.使用含有EL的js调用方式

Xml代码

1. <a href="#" onclick="#{rich:component('modalPaneld')}.show() ">开启</a>
2. <a href="#" onclick="#{rich:component('modalPaneld')}.hide()">关闭</a>

<a href="#" onclick="#{rich:component('modalPaneld')}.show() ">开启</a>
<a href="#" onclick="#{rich:component('modalPaneld')}.hide()">关闭</a>

3.js方式（调用richefaces内置的js）

Xml代码

1. Richfaces.showModalPanel('modalPaneld')//开启
2. Richfaces.hideModalPanel('modalPaneld')//关闭

Richfaces.showModalPanel('modalPaneld')//开启
Richfaces.hideModalPanel('modalPaneld')//关闭