`
yinlongfei
  • 浏览: 155236 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

richfaces modalPanel 添加滚动条

阅读更多

<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

这里只让垂直滚动条显示,水平滚动条不显示

0
0
分享到:
评论

相关推荐

    richfaces标签学习笔记

    在本文中,我们将深入探讨 RichFaces 标签的使用,特别是 `rich:componentControl` 和 `rich:modalPanel` 标签,以及 `inputNumberSlider` 和 `PanelBar` 组件。RichFaces 是一个功能丰富的 JavaServer Faces (JSF) ...

    richfaces中文开发文档

    5. **rich:modalPanel**:模态窗口组件,用于在当前页面上打开一个半透明的覆盖层,突出显示特定内容。 **三、RichFaces与JSF的集成** JSF是一个标准的MVC框架,而RichFaces作为JSF的扩展,可以无缝集成到JSF应用...

    Richfaces标签

    ### Richfaces标签详解 #### 一、概述 Richfaces是一个基于JavaServer Faces(JSF)技术的开源框架,提供了一套丰富的用户界面组件库。这些组件不仅具备强大的功能,还能很好地支持AJAX交互,极大地提高了Web应用...

    RichFaces 3.3 帮助文档(英文)

    - 将RichFaces库添加到项目中。 - 在`web.xml`中注册RichFaces。 - 创建管理Bean。 - 在`faces-config.xml`中注册Bean。 - 创建使用RichFaces组件的首页`index.jsp`。 - **集成到Maven项目中:** 介绍了如何将...

    richfaces参考文档

    - **Maven 依赖**:在 Maven 项目中,添加 RichFaces 相关依赖至 pom.xml 文件,确保库的正确引入。 - ** faces-config.xml 配置**:设置 RichFaces 全局属性,如 AJAX 调试模式、错误处理等。 - **web.xml 配置**...

    RichFaces4.5 JavaApi JSApi

    例如,`org.richfaces.component.UIAjaxBehavior`接口允许开发者添加异步行为到JSF组件,实现AJAX功能。此外,`org.richfaces.model.SelectItem`类用于创建可选的下拉框或列表项,提供更灵活的数据绑定选项。`org....

    richfaces4.0所需jar包

    开发者可以使用这些API来在他们的JSF页面上添加和配置RichFaces组件。 7. **sac-1.3.jar**:SAC(Simple API for CSS)是一个用于解析和操作CSS的库。在RichFaces中,SAC可能用于解析和执行CSS规则,从而实现组件...

    Richfaces ShowCase离线包

    **Richfaces ShowCase离线包** 是一个专为开发者设计的资源包,它包含了Richfaces框架的演示示例,能够帮助用户在没有网络连接的情况下也能深入理解和学习Richfaces的功能和用法。这个离线包特别适合那些需要在本地...

    Richfaces组件使用指南

    Core库允许将Ajax功能添加到现有的JSF页面,无需编写JavaScript代码或替换现有组件。它提供页面级别的Ajax支持,允许定义页面事件,这些事件触发Ajax请求并在服务器端数据发生变化后同步更新页面区域。UI库则包含一...

    richfaces(里面包含JAR包)

    6. **集成与配置**:在Eclipse中,开发者需要将RichFaces的JAR包添加到项目的构建路径中,然后在web.xml文件中配置JSF和RichFaces的上下文参数和监听器。 7. **AJAX支持**:RichFaces通过Ajax4jsf库提供了AJAX功能...

    richfaces-ui-3.2.1

    《深入理解RichFaces UI 3.2.1在JBoss中的应用》 RichFaces UI 3.2.1是JBoss框架中一个重要的组件,它为开发人员提供了一套强大的AJAX(Asynchronous JavaScript and XML)功能,极大地提升了Web应用程序的交互性和...

    jboss-richfaces-3.0.0

    要使用RichFaces 3.0.0,首先需要将其JAR文件添加到项目的类路径中。此外,还需要在JSF配置文件中声明RichFaces的上下文参数,以启用AJAX功能。对于JBoss AS,可能还需要在服务器配置中添加特定的部署设置。 **四、...

    richfaces开发指南(英文版)

    - **安装**:下载后,将库文件添加到你的项目类路径中,或者如果使用Maven或Gradle,可以通过添加依赖来集成。 - **简单Ajax Echo项目**:这个基础示例演示了如何使用RichFaces的Ajax功能。它包括一个JSP页面、数据...

    richfaces3.2用户手册的pdf版

    - **添加RichFaces 库到项目**:将下载的库文件添加到项目的类路径中。 - **注册RichFaces 到 web.xml**:通过修改web.xml 文件来注册RichFaces,使其能够在应用中生效。 - **管理Bean**:定义用于处理业务逻辑的...

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

    RichFaces可以无缝集成到现有的JSF项目中,通常通过Maven或Gradle添加依赖。部署时,需要确保服务器支持JSF和Servlet 3.0及以上版本。 8. **使用示例**: - 创建一个基本的`&lt;rich:calendar&gt;`组件,可以设置日期...

    richfaces-ui-3.3.1.GA-bin

    解压"richfaces-ui-3.3.1.GA-bin"后,开发者通常会将jar文件添加到项目的类路径中,然后在JSF页面中引入并使用RichFaces组件。同时,配置文件如web.xml也需要进行相应的设置,以便启用RichFaces的功能。 总结,...

Global site tag (gtag.js) - Google Analytics