`
rockjava
  • 浏览: 92012 次
  • 性别: Icon_minigender_1
  • 来自: 旮旯
社区版块
存档分类
最新评论

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

阅读更多

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

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

<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调用方式

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

3.js方式(调用richefaces内置的js)

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

 

 

2
1
分享到:
评论

相关推荐

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

Global site tag (gtag.js) - Google Analytics