Skip to page content

评分

QRating 是一个允许用户对项目进行评分的组件,通常被称为"星级评分"。

用法

基础用法

键盘导航

QRating 使用单选组的键盘行为:

  • SpaceEnter 更新 model 数据。
  • Arrow RightArrow Down 将焦点移到下一个值(需按 Space/Enter 来更新 model 数据)。
  • Arrow LeftArrow Up 将焦点移到上一个值(需按 Space/Enter 来更新 model 数据)。

图标

在下面的示例中,当使用 icon-selected 属性时,注意我们仍然可以使用 icon 属性。后者成为未选中时的图标。

颜色

当使用 color-selected 属性时,注意我们仍然可以使用 color 属性。后者成为未选中时图标的颜色。

浮点数

无暗淡效果

提示框

注意在下面的示例中,我们可以为每个图标添加提示框。

尺寸

除了标准尺寸外,您还可以通过 size 属性定义自己的尺寸。

只读和禁用

原生表单提交

当处理一个带有 actionmethod 的原生表单时(如:使用 Quasar 和 ASP.NET 控制器时),您需要为 QRating 声明 name 属性,否则表单数据中不会包含它(如果应该包含的话):