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>
运行效果:
[img]http://dl.iteye.com/upload/attachment/315627/813db72f-d224-3c5d-ae7e-93e5da5815d9.jpg[/img]
选择某个颜色后:
[img]http://dl.iteye.com/upload/attachment/315629/22191407-a2cd-390d-9993-92f207ea04f8.jpg[/img]
该组件基于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>
运行效果:
[img]http://dl.iteye.com/upload/attachment/315627/813db72f-d224-3c5d-ae7e-93e5da5815d9.jpg[/img]
选择某个颜色后:
[img]http://dl.iteye.com/upload/attachment/315629/22191407-a2cd-390d-9993-92f207ea04f8.jpg[/img]