`

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

阅读更多
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')//关闭

分享到:
评论

相关推荐

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

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

    标签使用

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

    Richfaces组件使用指南

    在这个示例中,我们使用了`rich:panel`来创建一个带有标题的面板,并在其中放置了一个`h:inputText`输入框和一个`h:outputText`输出框。通过`&lt;a4j:support&gt;`标签,我们为输入框添加了一个Ajax事件监听器,当输入框...

    <h:selectOneMenu>与<a4j:support>的集合运用(JSF)

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

    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:calendar&gt;`用于日期选择,`&lt;rich:slider&gt;`用于创建滑动条,`&lt;rich:modalPanel&gt;`则用于创建模态对话框。 2. **Ajax支持**: RichFaces的强项之一是其内置的Ajax功能。它使用A4J(Ajax for JSF)库,...

    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组件使用指南.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下的实现

    在这个例子中,我们首先在`&lt;h:head&gt;`中引入了`myhc.js`,然后在`&lt;h:body&gt;`中创建了一个`&lt;rich:panel&gt;`,用于承载图表。`&lt;a4j:outputPanel&gt;`是富Faces的异步更新组件,它允许我们在不刷新整个页面的情况下更新其内容...

    rich:message使用方法

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

    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

    在JavaServer Faces (JSF) 2.0中整合RichFaces 4.2.3框架,需要对两者的核心概念和整合过程有深入的理解。RichFaces是一个功能强大的UI组件库,它扩展了JSF的功能,提供了丰富的AJAX支持、皮肤化以及组件集。以下是...

    用selectOneMenu标签开发级联选择

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

    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用于处理业务逻辑以及数据模型的管理。创建一个简单的...

Global site tag (gtag.js) - Google Analytics