个性化阅读
专注于IT技术分析

PrimeFaces评分组件用法

点击下载

本文概述

这是一个基于星级的评分系统。它用于将用户输入作为评分。当我们想获得用户反馈时, 它很有用。它主要用于获得产品评级。

评分属性

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;
}
}

输出

PrimeFaces评分组件1
PrimeFaces评分组件2
赞(0)
未经允许不得转载:srcmini » PrimeFaces评分组件用法

评论 抢沙发

评论前必须登录!