我目前正在开发一个页面,用户可以使用AJAX评级对产品进行评级。控件工作正常,用户可以对产品进行评级,但显示评级的图像不会出现。
此页面是使用母版页创建的,并且包含存储在其他地方的CSS图纸。
以下是涉及的CSS: -
<style type="text/css">
.StarRating{
font-size: 0pt;
width:50px;
height:50px;
margin: 0px;
padding: 0px;
cursor:pointer;
display: block;
background-repeat: no-repeat;}
.FilledStars{
background-image:url("css/images/star.png");
width:50px;
height:50px;
}
.WaitingStars{
background-image:url("css/images/wait.png");
width:50px;
height:50px;
}
.EmptyStars{
background-image:url("css/images/empty.png");
width:50px;
height:50px;
}
</style>
以下是显示评分的代码: -
<tr>
<td>Select Rating:</td>
<td>
<asp:scriptmanager ID="s1" runat="server"></asp:scriptmanager>
<asp:updatepanel runat="server">
<ContentTemplate>
<ajaxToolkit:Rating ID="Rating1" AutoPostBack="true" runat="server"
StarCssClass="StarRating"
FilledStarCssClass="FilledStars"
EmptyStarCssClass="EmptyStars"
WaitingStarCssClass="WaitingStars"
MaxRating="5"
CurrentRating="1"
style="float: left;"
>
</ajaxToolkit:Rating>
</ContentTemplate>
</asp:updatepanel>
</td>
</tr>