AJAX控件之Rating

效果图片:

资源图片:

EmptyStar SavedStar FilledStar

注意这里的四个样式一个页不能少
否则就显示不出来这样的效果
并且要在Rating中填写对应的样式

Css样式代码:

body {

}

.RatingStar

{

font-size:0pt;

width:13px;

height:12px;

padding:0px;

margin:0px;

cursor:pointer;

display:block;

background-repeat :no-repeat;

}

.filledRatingStar

{

background-image:url(images/FilledStar.png);

}

.emptyRatingStar

{

background-image:url(images/EmptyStar.png);

}

.savedRatingStar

{

background-image:url(images/SavedStar.png);

}

显示的Html代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title> AJAX控件之Rating</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

显示结果:<br />

<br />

<cc1:Rating ID="Rating1" runat="server" CurrentRating="2" EmptyStarCssClass="emptyRatingStar"

FilledStarCssClass="filledRatingStar"

StarCssClass="RatingStar" WaitingStarCssClass="savedRatingStar" HorizontalAlign="Center" MaxRating="8" ToolTip="请投票">

</cc1:Rating>

</div>

 <br />

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="提交" /><br />

<asp:Label ID="Label1" runat="server" Text="Label" Width="152px"></asp:Label>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

</html>

显示页面的CS代码:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

this.Label1.Text = "您投选了" + this.Rating1.CurrentRating.ToString() + "颗星星！";

}

posted on 2007-03-31 19:21 小角色阅读(464) 评论(0) 收藏举报