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

RichFaces组件rich:colorPicker的使用方法

阅读更多

RichFaces3.3.1中新增了一个组件:rich:colorPicker

 

该组件基于jQuery开发,使用方法很简单,代码如下:

<h:outputText id="text" value="RichFaces is cool!" 
   style="font-size: x-large; color: #{colorBean.color}"/>
<h:form>
   <rich:colorPicker value="#{colorBean.color}">
      <a4j:support event="onchange" reRender="text"/>
   </rich:colorPicker>
</h:form>

 

运行效果:

 

选择某个颜色后:

 

 

  • 大小: 17.6 KB
  • 大小: 3.5 KB
分享到:
评论

相关推荐

    RichFaces的rich:dataTable组件内action actionListener不能使用

    这是我用来测试的一个工程,都不能在rich:dataTable中使用action actionListener 博文链接:https://insomniask.iteye.com/blog/111030

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

    在IT行业中,富客户端框架(Rich Client Frameworks)如RichFaces提供了一系列强大的组件,帮助开发者构建功能丰富的Web应用程序。本文将深入探讨如何使用RichFaces的`&lt;rich:treeNode&gt;`标签来开发动态树形结构视图。...

    rich:message使用方法

    在给定的代码示例中,我们看到了一个简单的使用`rich:message`的例子,接下来将详细介绍其使用方法和相关知识点。 1. **rich:message的基本结构** `rich:message`标签通常与JSF的输入组件(如`h:inputText`)一起...

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

    本文档将详细介绍RichFaces的主要组件及其用法,并通过实际例子来演示如何在项目中集成和使用这些组件。 1. **组件库**: RichFaces的组件库包括但不限于表格(Table)、面板(Panel)、对话框(Dialog)、菜单...

    Richfaces组件使用指南.doc

    RichFaces 组件使用指南 RichFaces 是一个基于 Java 服务器 Faces(JSF)规范的开源组件库,由 JBoss 社区维护。RichFaces 提供了一系列的 AjaxEnabled 组件,可以帮助开发者快速构建富互联网应用程序。本指南将...

    Richfaces 常用组件使用手册中文版

    本手册中,作者详细阐述了Richfaces的众多组件,并对每个组件的使用方法和配置属性给出了详细的说明,旨在帮助初学者以及英语水平受限的开发者更容易地理解并使用Richfaces组件。 手册首先介绍了参考资料,这包括了...

    Richfaces组件使用指南

    **Richfaces组件使用指南** 富Faces(Richfaces)是一个基于JavaServer Faces (JSF) 技术的开源组件库,提供了丰富的用户界面组件和Ajax功能,用于构建动态、交互式的Web应用程序。它属于JBoss项目的一部分,为开发...

    关于rich:fileUpload和a4j:mediaOutput的使用

    在本文中,我们将深入探讨`rich:fileUpload`和`a4j:mediaOutput`这两个组件在实际开发中的使用,特别是在处理文件上传和媒体输出时的关键知识点。它们都是RichFaces库的一部分,这是一个强大的JavaServer Faces (JSF...

    标签使用

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

    jsf/RichFaces组件

    RichFaces组件简介,复合组件,日期控件,Ajax标签, 轻松实现。RichFaces组件简介,复合组件,日期控件,Ajax标签, 轻松实现。RichFaces组件简介,复合组件,日期控件,Ajax标签, 轻松实现。

    richfaces中的datagrid显示数据

    要使用`rich:dataTable`组件,首先需要在页面中引入相应的RichFaces库,并确保项目中已经添加了RichFaces依赖。 在示例代码中,可以看到`rich:dataTable`的配置如下: ```xml &lt;rich:dataTable id="carList" width=...

    Richfaces标签

    `rich:componentControl`标签用于控制其他组件的行为,例如显示或隐藏某个组件。它通常与事件处理相结合,使得页面上的交互更加灵活。 **示例代码:** ```xml &lt;h:outputLink value="#" id="link"&gt; Show Modal ...

    Richfaces 4 组件参考手册

    根据给定的文件信息,以下是对“Richfaces 4 组件参考手册”的详细解析与相关知识点的阐述: ...以上就是对“Richfaces 4 组件参考手册”的详细解析,希望能够帮助读者更好地理解和使用Richfaces 4 的各项功能。

    richfaces标签学习笔记

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

    richfaces性能优化.docx

    然而,在使用 RichFaces 时,开发者经常会遇到性能问题。本文将讨论 RichFaces 的性能优化方法,帮助开发者提高应用程序的性能。 加载策略 RichFaces 提供了多种加载策略来提高应用程序的性能。其中,org....

    richfaces标签学习笔记.doc

    在Java的富客户端框架(RichFaces)中,`rich:componentControl`标签和`rich:modalPanel`标签是两个非常重要的组件,它们用于创建交互式的用户界面。`rich:componentControl`标签允许开发者通过AJAX操作来控制其他组件...

    使用richfaces 实现tree

    5. **实现扩展功能**:RichFaces的`&lt;rich:tree&gt;`组件提供了许多扩展功能,比如节点展开/折叠、选择节点、节点操作等。可以通过添加额外的属性和子标签来实现这些功能。例如,使用`switchType="client"`可以让树的...

Global site tag (gtag.js) - Google Analytics