`

Richfaces 中<rich:modalPanel />的开启与关闭方式

richfacesXML 
阅读更多

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')//关闭

 

分享到：
| a4j:jsFunction的使用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    用richFaces的<rich:treeNode>标签开发tree

    在实际应用中，`&lt;rich:tree&gt;`组件还可以与其他RichFaces组件结合，比如`&lt;rich:contextMenu&gt;`，为树节点提供右键菜单，增强用户体验。同时，通过CSS和JavaScript，可以进一步定制组件的样式和交互行为。 总的来说，`...

    标签使用

    在JavaServer Faces (JSF)开发中，`rich:listShuttle`是RichFaces库中的一个非常实用的组件，主要用于实现列表项的双向选择和移动功能。例如，在用户界面中展示两个列表，并允许用户通过按钮将项目从一个列表移动到...

    <h:selectOneMenu>与<a4j:support>的集合运用（JSF）

    在JSF（JavaServer Faces）框架中，`&lt;h:selectOneMenu&gt;` 是一个用于创建下拉选择框的组件，而 `&lt;a4j:support&gt;` 是RichFaces库提供的一种Ajax支持的标签，它允许我们实现页面的部分更新，提高用户体验。这篇博客文章...

    Richfaces组件使用指南

    &lt;param-name&gt;org.richfaces.SKIN&lt;/param-name&gt; &lt;param-value&gt;blueSky&lt;/param-value&gt; &lt;/context-param&gt; &lt;context-param&gt; &lt;param-name&gt;javax.faces.STATE_SAVING_METHOD&lt;/param-name&gt; &lt;param-value&gt;server&lt;/...

    Richfaces标签

    &lt;rich:modalPanel id="panel" width="350" height="100"&gt; &lt;f:facet name="header"&gt; &lt;h:panelGroup&gt; &lt;h:outputText value="Modal Panel"&gt;&lt;/h:outputText&gt; &lt;/h:panelGroup&gt; &lt;/f:facet&gt; &lt;f:facet name="controls...

    Usage of A4J.Usage of A4J.Usage of A4J.

    `&lt;rich:modalPanel&gt;`是RichFaces中的一个弹出对话框组件，可以在页面上显示一个模态窗口，通常用于展示信息、确认操作或收集用户输入。用户可以设置其大小、位置、关闭按钮以及其他交互特性。 4. **&lt;rich:...

    richfaces中的datagrid显示数据

    ### RichFaces中的DataGrid显示数据 #### 一、RichFaces简介 RichFaces是一个基于JavaServer Faces（JSF）的开源框架，它提供了丰富的组件库来增强Web应用的用户体验。通过结合Ajax技术，RichFaces能够创建出更加...

    richface标签.doc

    &lt;rich:modalPanel id="panel" width="350" height="100"&gt; &lt;f:facet name="header"&gt; &lt;h:panelGroup&gt; &lt;h:outputText value="Modal Panel"&gt;&lt;/h:outputText&gt; &lt;/h:panelGroup&gt; &lt;/f:facet&gt; &lt;f:facet name="controls...

    Richfaces 常用组件使用手册中文版

    如&lt;rich:ajaxValidator&gt;用于表单验证，&lt;rich:column&gt;和&lt;rich:columnGroup&gt;用于数据展示，&lt;rich:dataTable&gt;、&lt;rich:extendedDataTable&gt;以及&lt;rich:scrollableDataTable&gt;提供了各种表格数据展示方式。此外，还包括了如...

    Richfaces的DateTable

    通过添加`&lt;rich:calendar&gt;`标签，可以在列中添加日期选择功能： ```xml &lt;rich:column&gt; &lt;f:facet name="header"&gt; &lt;h:outputText value="选择日期" /&gt; &lt;/f:facet&gt; &lt;rich:calendar value="#{item.date}" ...

    richfaces组件说明文档及使用实例

    例如，`&lt;rich:calendar&gt;`用于日期选择，`&lt;rich:slider&gt;`用于创建滑动条，`&lt;rich:modalPanel&gt;`则用于创建模态对话框。 2. **Ajax支持**： RichFaces的强项之一是其内置的Ajax功能。它使用A4J（Ajax for JSF）库，...

    Richfaces组件使用指南.doc

    &lt;rich:panel header="Simple echo"&gt; &lt;h:inputText size="50" value="#{panelBean.text}"&gt; &lt;a4j:support event="onkeyup" reRender="output" /&gt; &lt;/h:inputText&gt; &lt;h:outputText id="output" value="#{panelBean....

    使用richfaces 实现tree

    在RichFaces中，`&lt;rich:tree&gt;`是实现这一目标的关键组件。以下是如何使用它的基本步骤： 1. **引入依赖**：在项目中添加RichFaces的库。如果使用Maven，可以在pom.xml文件中添加如下依赖： ```xml &lt;dependency&gt; ...

    highcharts在richfaces下的实现

    在RichFaces中，我们可以使用`&lt;rich:component&gt;`标签来添加自定义组件，例如，我们可以创建一个自定义的JSF组件，用于展示Highcharts图表。以下是一个简单的例子： ```xml &lt;ui:composition xmlns=...

    rich:message使用方法

    `&lt;a4j:support&gt;`监听`onkeyup`事件，当用户在`h:inputText`中输入时，会触发`reRender="order"`，使`&lt;rich:message&gt;`组件和`&lt;h:outputText&gt;`组件更新，显示当前输入的验证状态。 6. **处理用户输入** `&lt;a4j:...

    用selectOneMenu标签开发级联选择

    - **PrimeFaces**或**RichFaces**等库：这些JSF组件库提供了更丰富的UI组件，包括`&lt;p:selectOneMenu&gt;`等，可以提供更高级的功能和更好的用户体验。 在实际开发过程中，IDE如Eclipse、IntelliJ IDEA和NetBeans等会...

    richfaces标签学习笔记.doc

    在Java的富客户端框架(RichFaces)中，`rich:componentControl`标签和`rich:modalPanel`标签是两个非常重要的组件，它们用于创建交互式的用户界面。`rich:componentControl`标签允许开发者通过AJAX操作来控制其他组件...

    Richfaces 4 组件参考手册

    根据给定的文件信息，以下是对“Richfaces 4 组件参考手册”的详细解析与相关知识点的阐述： ### 富客户端框架：Richfaces 4 #### 一、简介 Richfaces 4 是一款功能强大的富客户端框架，它为JavaServer Faces...

    jsf2整合richfaces4.2.3需要的jar

    - **使用RichFaces组件**：现在可以在JSF视图层使用RichFaces提供的组件，例如`&lt;rich:calendar&gt;`、`&lt;rich:autocomplete&gt;`等，这些组件提供了丰富的用户体验。 4. **关键概念**： - **AJAX支持**：RichFaces的一大...

    Simple JSF application with RichFaces

    &lt;default-component-type&gt;richfaces&lt;/default-component-type&gt; &lt;/component-library&gt; &lt;/richfaces-config&gt; ``` **2.1.3 管理Bean** 在JSF应用中，管理Bean用于处理业务逻辑以及数据模型的管理。创建一个简单的...

Magicbox
Global site tag (gtag.js) - Google Analytics