本文概述
这是一个基于星级的评分系统。它用于将用户输入作为评分。当我们想获得用户反馈时, 它很有用。它主要用于获得产品评级。
评分属性
Attribute | 默认值 | Type | Description |
---|---|---|---|
required | false | Boolean | 它根据需要制作组件。 |
Validator | null | MethodExpr | 这是一个方法绑定表达式, 它表示验证输入的方法。 |
valueChangeListener | null | MethodExpr | 方法绑定表达式, 指的是用于处理值更改事件的方法。 |
requiredMessage | null | String | 它用于设置在必填字段验证失败时显示的消息。 |
converterMessage | null | String | 用于设置转换失败时显示的消息。 |
validatorMessage | null | String | 它用于设置在验证字段时显示的消息。 |
widgetVar | null | String | 它是客户端小部件的名称。 |
stars | 5 | Integer | 它用于显示星数。 |
disabled | false | Boolean | 它禁用用户交互。 |
readonly | false | Boolean | 它禁用用户交互, 而不会禁用视觉效果。 |
onRate | null | String | 发生速率时执行客户端回调。 |
style | null | String | 它用于设置组件的内联CSS。 |
cancel | true | Boolean | 用于取消。 |
例子
在下面的示例中, 我们正在实现<p:rating>组件。本示例包含以下文件。
JSF文件
// rating.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Rating</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" cellpadding="5">
<h:outputText value="Rate this product: " />
<p:rating value="#{rating.rating}" />
</h:panelGrid>
</h:form>
</h:body>
</html>
ManagedBean
// Keyboard.java
package com.srcmini;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class Rating {
private Integer rating;
public Integer getRating() {
return rating;
}
public void setRating(Integer rating) {
this.rating = rating;
}
}
输出
评论前必须登录!
注册