建立評等控制項 (VB)
許多網站 (從電子商務到社群網站) 都能夠讓使用者對文章或項目進行評分。 這通常需要一些編碼工作，但我們確實擁有 Control Toolkit 可供使用。
概觀
許多網站 (從電子商務到社群網站) 都能夠讓使用者對文章或項目進行評分。 這通常需要一些編碼工作，但我們確實擁有 Control Toolkit 可供使用。
步驟
首先，您需要 (至少) 兩種影像：一個用於已填寫的評等項目，另一個用於空的評等項目。 評等項目通常是星形或笑臉圖示。 在此案例中，您會在本教學課程的原始碼下載中找到三個檔案，smiley.png、empty.png 和 smiley-done.png。
然後，建立新的 ASP.NET 檔案，然後從將 ScriptManager 控制項新增至該檔案開始：
<asp:ScriptManager ID="asm" runat="server" />
然後，從 ASP.NET AJAX Control Toolkit 新增 Rating 控制項。 必須為此範例設定下列屬性：
CurrentRating要使用的初始評等MaxRating最高評等EmptyStarCssClass當評等項目 (星形) 是空的時要使用的 CSS 類別FilledStarCssClass當評項目 (星形) 填入時要使用的 CSS 類別StarCssClass要用於可見狀態的 CSS 類別WaitingStarCssClass當星形評等傳回伺服器時要使用的 CSS 類別
以下是建立評等控制項的標記，它包含五個笑臉項目，最初都未被填入：
<ajaxToolkit:Rating ID="r1" runat="server"
CurrentRating="0" MaxRating="5"
EmptyStarCssClass="emptypng" FilledStarCssClass="smileypng"
StarCssClass="smileypng" WaitingStarCssClass="donesmileypng"/>
三個參考的 CSS 類別現在必須顯示適當的影像檔案，使用 CSS 非常簡單達成：
<style type="text/css">
.emptypng { background-image: url(empty.png); width: 32px; height: 32px; }
.smileypng { background-image: url(smiley.png); width: 32px; height: 32px; }
.donesmileypng { background-image: url(smiley-done.png); width: 32px; height: 32px; }
</style>
請確定您提供三個影像的寬度和高度，否則顯示器看起來可能會有點混亂。
最後，評等的結果應該顯示給使用者 (或至少儲存在資料庫中)。 因此，新增文字訊息輸出的標籤和提交按鈕，以將評等表單回傳至伺服器：
<asp:Label ID="Label1" runat="server" />
<input type="submit" id="Submit1" runat="server" value="Rate!" />
在伺服器端程式碼中，透過其 ID 存取「評等」控制項，然後存取其 CurrentRating 屬性，也就是所選評等項目的數目，在我們的範例中，值為 0 到 5。
<script runat="server">
Sub Page_Load()
If Page.IsPostBack Then
Label1.Text = "Your rating: " & r1.CurrentRating
End If
End Sub
</script>
儲存該頁面並載入瀏覽器。 當您將滑鼠停留在 (最初空白) 評等項目上方時，會發生 JavaScript 效果：評等會變更。 當您按一下星形集時，會保留目前的評等。 最後，當您提交表單時，伺服器端程式碼會輸出選取的評等。
使用最少的程式碼建立評等系統 (按一下以檢視完整大小的影像)
