logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Rate评分

评分组件。

何时使用

  • 对评价进行展示。
  • 对事物进行快速的评级操作。

Examples

最简单的用法。

expand code expand code

给评分组件加上文案展示。

expand code expand code

支持允许或者禁用清除。

expand code expand code

支持选中半星。

expand code expand code

只读,无法进行鼠标交互。

expand code expand code

可以将星星替换为其他字符,比如字母,数字,字体图标甚至中文。

expand code expand code

Rate API#

属性 描述 类型 默认值
AllowClear 属性再次点击时是否允许清除 Boolean true
AllowHalf 属性是否允许选择对半 Boolean false
Disabled 属性是否禁用选择 Boolean false
AutoFocus 属性是否专注于渲染 Boolean true
Character 属性每个费率的自定义字符 RenderFragment<RateItemRenderContext> --
Count 属性评级显示的图标数 Int32 5
Value 属性评级的当前值 Decimal --
ValueChanged 属性评分变化时执行的回调 EventCallback<Decimal> --
DefaultValue 属性呈现评级时的默认值 Decimal --
Tooltips 属性显示每个评级增量的工具提示,按评级索引 0-n 的顺序 String[] --
OnBlur 属性汇率失去焦点时执行的回调 EventCallback<FocusEventArgs> --
OnFocus 属性当利率获得焦点时执行的回调 EventCallback<FocusEventArgs> --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Radio单选框 Select选择器
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.