<rich:modalPanel >真是一个很优秀的弹出层控件。几乎可以适应弹出框所需的所有功能。
如:拖动、定位、自动适应大小、手动改变大小。
之前看到有网友说rich:modalPanel中添加滚动条很麻烦,其实我们只要把rich:modalPanel当做是一个div看待,问题就很好解决了。
如下是我在rich:modalPanel中添加滚动条的代码:
<rich:modalPanel id="panel" style="height:500px;overflow-y:auto;overflow-x:hidden" autosized="true" minWidth="400" height="500">
<f:facet name="header">
<h:panelGroup>
<h:outputText value="测试模式框"></h:outputText>
</h:panelGroup>
</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:graphicImage value="/uilib/.../close.png" styleClass="hidelink" id="hidelink"/>
<rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>
</h:panelGroup>
</f:facet>
<h:outputText value="22222222"></h:outputText>
...............
<h:outputText value="22222222"></h:outputText>
</rich:modalPanel>
上述代码只是在使用rich:modalPanel时另外添加如下css:
height:500px;overflow-y:auto;overflow-x:hidden
这里只让垂直滚动条显示,水平滚动条不显示
分享到:
相关推荐
在本文中,我们将深入探讨 RichFaces 标签的使用,特别是 `rich:componentControl` 和 `rich:modalPanel` 标签,以及 `inputNumberSlider` 和 `PanelBar` 组件。RichFaces 是一个功能丰富的 JavaServer Faces (JSF) ...
5. **rich:modalPanel**:模态窗口组件,用于在当前页面上打开一个半透明的覆盖层,突出显示特定内容。 **三、RichFaces与JSF的集成** JSF是一个标准的MVC框架,而RichFaces作为JSF的扩展,可以无缝集成到JSF应用...
### Richfaces标签详解 #### 一、概述 Richfaces是一个基于JavaServer Faces(JSF)技术的开源框架,提供了一套丰富的用户界面组件库。这些组件不仅具备强大的功能,还能很好地支持AJAX交互,极大地提高了Web应用...
- 将RichFaces库添加到项目中。 - 在`web.xml`中注册RichFaces。 - 创建管理Bean。 - 在`faces-config.xml`中注册Bean。 - 创建使用RichFaces组件的首页`index.jsp`。 - **集成到Maven项目中:** 介绍了如何将...
- **Maven 依赖**:在 Maven 项目中,添加 RichFaces 相关依赖至 pom.xml 文件,确保库的正确引入。 - ** faces-config.xml 配置**:设置 RichFaces 全局属性,如 AJAX 调试模式、错误处理等。 - **web.xml 配置**...
例如,`org.richfaces.component.UIAjaxBehavior`接口允许开发者添加异步行为到JSF组件,实现AJAX功能。此外,`org.richfaces.model.SelectItem`类用于创建可选的下拉框或列表项,提供更灵活的数据绑定选项。`org....
开发者可以使用这些API来在他们的JSF页面上添加和配置RichFaces组件。 7. **sac-1.3.jar**:SAC(Simple API for CSS)是一个用于解析和操作CSS的库。在RichFaces中,SAC可能用于解析和执行CSS规则,从而实现组件...
**Richfaces ShowCase离线包** 是一个专为开发者设计的资源包,它包含了Richfaces框架的演示示例,能够帮助用户在没有网络连接的情况下也能深入理解和学习Richfaces的功能和用法。这个离线包特别适合那些需要在本地...
Core库允许将Ajax功能添加到现有的JSF页面,无需编写JavaScript代码或替换现有组件。它提供页面级别的Ajax支持,允许定义页面事件,这些事件触发Ajax请求并在服务器端数据发生变化后同步更新页面区域。UI库则包含一...
6. **集成与配置**:在Eclipse中,开发者需要将RichFaces的JAR包添加到项目的构建路径中,然后在web.xml文件中配置JSF和RichFaces的上下文参数和监听器。 7. **AJAX支持**:RichFaces通过Ajax4jsf库提供了AJAX功能...
《深入理解RichFaces UI 3.2.1在JBoss中的应用》 RichFaces UI 3.2.1是JBoss框架中一个重要的组件,它为开发人员提供了一套强大的AJAX(Asynchronous JavaScript and XML)功能,极大地提升了Web应用程序的交互性和...
要使用RichFaces 3.0.0,首先需要将其JAR文件添加到项目的类路径中。此外,还需要在JSF配置文件中声明RichFaces的上下文参数,以启用AJAX功能。对于JBoss AS,可能还需要在服务器配置中添加特定的部署设置。 **四、...
- **安装**:下载后,将库文件添加到你的项目类路径中,或者如果使用Maven或Gradle,可以通过添加依赖来集成。 - **简单Ajax Echo项目**:这个基础示例演示了如何使用RichFaces的Ajax功能。它包括一个JSP页面、数据...
- **添加RichFaces 库到项目**:将下载的库文件添加到项目的类路径中。 - **注册RichFaces 到 web.xml**:通过修改web.xml 文件来注册RichFaces,使其能够在应用中生效。 - **管理Bean**:定义用于处理业务逻辑的...
RichFaces可以无缝集成到现有的JSF项目中,通常通过Maven或Gradle添加依赖。部署时,需要确保服务器支持JSF和Servlet 3.0及以上版本。 8. **使用示例**: - 创建一个基本的`<rich:calendar>`组件,可以设置日期...
解压"richfaces-ui-3.3.1.GA-bin"后,开发者通常会将jar文件添加到项目的类路径中,然后在JSF页面中引入并使用RichFaces组件。同时,配置文件如web.xml也需要进行相应的设置,以便启用RichFaces的功能。 总结,...