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')//关闭
分享到:
相关推荐
在实际应用中,`<rich:tree>`组件还可以与其他RichFaces组件结合,比如`<rich:contextMenu>`,为树节点提供右键菜单,增强用户体验。同时,通过CSS和JavaScript,可以进一步定制组件的样式和交互行为。 总的来说,`...
在JavaServer Faces (JSF)开发中,`rich:listShuttle`是RichFaces库中的一个非常实用的组件,主要用于实现列表项的双向选择和移动功能。例如,在用户界面中展示两个列表,并允许用户通过按钮将项目从一个列表移动到...
在这个示例中,我们使用了`rich:panel`来创建一个带有标题的面板,并在其中放置了一个`h:inputText`输入框和一个`h:outputText`输出框。通过`<a4j:support>`标签,我们为输入框添加了一个Ajax事件监听器,当输入框...
在JSF(JavaServer Faces)框架中,`<h:selectOneMenu>` 是一个用于创建下拉选择框的组件,而 `<a4j:support>` 是RichFaces库提供的一种Ajax支持的标签,它允许我们实现页面的部分更新,提高用户体验。这篇博客文章...
<rich:modalPanel id="panel" width="350" height="100"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Modal Panel"></h:outputText> </h:panelGroup> </f:facet> <f:facet name="controls...
`<rich:modalPanel>`是RichFaces中的一个弹出对话框组件,可以在页面上显示一个模态窗口,通常用于展示信息、确认操作或收集用户输入。用户可以设置其大小、位置、关闭按钮以及其他交互特性。 4. **<rich:...
### RichFaces中的DataGrid显示数据 #### 一、RichFaces简介 RichFaces是一个基于JavaServer Faces(JSF)的开源框架,它提供了丰富的组件库来增强Web应用的用户体验。通过结合Ajax技术,RichFaces能够创建出更加...
<rich:modalPanel id="panel" width="350" height="100"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Modal Panel"></h:outputText> </h:panelGroup> </f:facet> <f:facet name="controls...
例如,`<rich:calendar>`用于日期选择,`<rich:slider>`用于创建滑动条,`<rich:modalPanel>`则用于创建模态对话框。 2. **Ajax支持**: RichFaces的强项之一是其内置的Ajax功能。它使用A4J(Ajax for JSF)库,...
如<rich:ajaxValidator>用于表单验证,<rich:column>和<rich:columnGroup>用于数据展示,<rich:dataTable>、<rich:extendedDataTable>以及<rich:scrollableDataTable>提供了各种表格数据展示方式。此外,还包括了如...
通过添加`<rich:calendar>`标签,可以在列中添加日期选择功能: ```xml <rich:column> <f:facet name="header"> <h:outputText value="选择日期" /> </f:facet> <rich:calendar value="#{item.date}" ...
<rich:panel header="Simple echo"> <h:inputText size="50" value="#{panelBean.text}"> <a4j:support event="onkeyup" reRender="output" /> </h:inputText> <h:outputText id="output" value="#{panelBean....
在RichFaces中,`<rich:tree>`是实现这一目标的关键组件。以下是如何使用它的基本步骤: 1. **引入依赖**:在项目中添加RichFaces的库。如果使用Maven,可以在pom.xml文件中添加如下依赖: ```xml <dependency> ...
在这个例子中,我们首先在`<h:head>`中引入了`myhc.js`,然后在`<h:body>`中创建了一个`<rich:panel>`,用于承载图表。`<a4j:outputPanel>`是富Faces的异步更新组件,它允许我们在不刷新整个页面的情况下更新其内容...
`<a4j:support>`监听`onkeyup`事件,当用户在`h:inputText`中输入时,会触发`reRender="order"`,使`<rich:message>`组件和`<h:outputText>`组件更新,显示当前输入的验证状态。 6. **处理用户输入** `<a4j:...
在Java的富客户端框架(RichFaces)中,`rich:componentControl`标签和`rich:modalPanel`标签是两个非常重要的组件,它们用于创建交互式的用户界面。`rich:componentControl`标签允许开发者通过AJAX操作来控制其他组件...
根据给定的文件信息,以下是对“Richfaces 4 组件参考手册”的详细解析与相关知识点的阐述: ### 富客户端框架:Richfaces 4 #### 一、简介 Richfaces 4 是一款功能强大的富客户端框架,它为JavaServer Faces...
在JavaServer Faces (JSF) 2.0中整合RichFaces 4.2.3框架,需要对两者的核心概念和整合过程有深入的理解。RichFaces是一个功能强大的UI组件库,它扩展了JSF的功能,提供了丰富的AJAX支持、皮肤化以及组件集。以下是...
- **PrimeFaces**或**RichFaces**等库:这些JSF组件库提供了更丰富的UI组件,包括`<p:selectOneMenu>`等,可以提供更高级的功能和更好的用户体验。 在实际开发过程中,IDE如Eclipse、IntelliJ IDEA和NetBeans等会...
<default-component-type>richfaces</default-component-type> </component-library> </richfaces-config> ``` **2.1.3 管理Bean** 在JSF应用中,管理Bean用于处理业务逻辑以及数据模型的管理。创建一个简单的...