📅  最后修改于: 2021-01-08 04:22:13             🧑  作者: Mango
它是带有调色板的输入组件。它允许我们在Web应用程序中选择和重新选择颜色。我们可以在JSF应用程序中使用它来获取颜色作为用户输入。
PrimeFaces提供组件以在Web应用程序中创建ColorPicker。它具有下表列出的各种属性。
Attribute | Default value | Type | Description |
---|---|---|---|
id | null | String | It is an unique identifier of the component |
value | null | Object | It is used to set value of the component. |
required | false | Boolean | It is used to mark component as required. |
valueChangeListener | null | ValueChangeListener | It is a method binding expression that refers to a method for handling a valuchangeevent. |
requiredMessage | null | String | It is used to set message to be displayed when required field validation fails. |
validatorMessage | null | String | It is used to set message to be displayed when validation fields. |
mode | popup | String | It is used to set display mode. |
style | null | String | It is used to set inline CSS style of the component. |
以下是适用于ColorPicker的结构样式类。
Style Class | Applies |
---|---|
.ui-colorpicker | Container element. |
.ui-colorpicker_color | Background of gradient. |
.ui-colorpicker_hue | Hue element. |
.ui-colorpicker_new_color | New color display. |
.ui-colorpicker_current_color | Current color display. |
.ui-colorpicker-rgb-r | Red input. |
.ui-colorpicker-rgb-g | Greed input. |
在下面的示例中,我们正在实现组件。本示例包含以下文件。
// colorPicker.xhtml
Color Picker
// ColorPicker.java
package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class ColorPicker {
private String color;
public String getColor() {
return color;
}
public void setColor(String color) {
this.color = color;
}
}
输出: