Rating 控件 - 爱码网

功能：
    提供直观化的鼠标操作方式，让用户选择他们对某篇文章或恢复所要给予的等级。
属性：
    MaxRating ：最高可以给予的等级高低。没有特别指定时，最多可以到5。
    CurrentRating ："评级"控件初始时的等级高低，默认值是3。
    CssClass : 指定评级控件所套用的样式表。
    StarCssClass ：为每个可以被选择的等级(一般来说，就是那个星星图标),指定样式表。
    WaitingStarCssClass :为正通过异步方式保存评级数据的等级，指定样式表。
    FilledStarCssClass :为一个已经被选择的等级，指定样式表。
    EmptyStarCssClass ：为一个沿未被选择的等级，指定样式表。
    AutoPostBack ：当单击"评级"这个控件时，是否回送。默认不回送。
    OnChanged ：在完成评级之后，触发"客户端回调"事件以便执行某一段程序代码。

代码实例：

<html xmlns="http://www.w3.org/1999/xhtml">
Rating 控件

<head runat="server">
Rating 控件

<title>Rating 控件的使用</title>
Rating 控件

</head>

<body>

<form id="form1" runat="server">
Rating 控件

<asp:ScriptManager ID="ScriptManager1" runat="server">
Rating 控件

</asp:ScriptManager>
Rating 控件

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always" ChildrenAsTriggers="true">
Rating 控件

<ContentTemplate>
Rating 控件

<ul>

<li>An example of five-star rating:
Rating 控件

<br />

<ajaxToolkit:Rating runat="server" ID="Rating1"
Rating 控件

MaxRating="5"
Rating 控件

CurrentRating="2"
Rating 控件

CssClass="ratingStar"
Rating 控件

StarCssClass="ratingItem"
Rating 控件

WaitingStarCssClass="Saved"
Rating 控件

FilledStarCssClass="Filled"
Rating 控件

EmptyStarCssClass="Empty" AutoPostBack="True" OnChanged="Rating1_Changed"
Rating 控件

</ajaxToolkit:Rating>
Rating 控件

<asp:Label ID="labelCaption1" runat="server" Text="Selected value: " />
Rating 控件

<asp:Label ID="labelValue1" runat="server" Text=""></asp:Label>
Rating 控件

</li>

</ul>

</ContentTemplate>
Rating 控件

</asp:UpdatePanel>
Rating 控件

</form>

</body>

</html>

后台代码：

public partial class Rating : System.Web.UI.Page

运行结果：