為何捐款
API 瀏覽器
Rating

Quasar Rating 是一個元件,允許使用者為項目評分,通常稱為「星級評分」。

Loading QRating API...

Usage

Basic

Basic



Custom number of choices



Icons

Image icons



在以下範例中,當使用 icon-selected prop 時,請注意我們仍然可以使用 icon。後者會變成未選取時的圖示。

Different icon when selected



Different icon for each rating



Colors

當使用 color-selected prop 時,請注意我們仍然可以使用 color。後者會變成未選取時圖示的顏色。

Different color for each rating



Floating number

Different icon and color when half selected



No dimming

No dimming



Tooltips

請注意我們如何在以下範例中為每個圖示新增工具提示。

With QTooltip



Sizes

除了以下標準尺寸外,您還可以透過 size 屬性定義自己的尺寸。

Standard sizes



Readonly and disable

Readonly and disable



Native form submit

當處理具有 actionmethod 的原生表單時(例如,當搭配 ASP.NET 控制器使用 Quasar 時),您需要在 QRating 上指定 name 屬性,否則 formData 將不會包含它(如果應該包含)。

Native form