如何使 Ajax Rating 控件出现在页面上答案

【问题标题】：How do I make the Ajax Rating control appear on the page如何使 Ajax Rating 控件出现在页面上
【发布时间】：2011-09-24 06:10:25
【问题描述】：

<cc1:Rating ID="Rating1" runat="server"
            StarCssClass="star_rating"
            WaitingStarCssClass="star_saved"
            FilledStarCssClass="star_filled"
            EmptyStarCssClass="star_empty"
            AutoPostBack="true"
            Tag="10"
            CurrentRating="2"
            MaxRating="5" BackColor="#CCFF99" BorderColor="#FF0066"
        >
    </cc1:Rating>

我通读了这篇文章：

http://programming.top54u.com/post/ASP-Net-AJAX-Star-Rating-Extender-Control.aspx

所有这些 CSS 属性是什么？我是否需要创建 CSS 文件.. 并自己填写所有内容..？如何使控件在页面上显示并可见？

【问题讨论】：

标签： asp.net ajax controls

【解决方案1】：

不，您不需要为此创建 css 文件，只需在 head 部分中包含类即可。

      <head runat="server">            
         <style type="text/css">
            /* Rating */
            .ratingStar {
                      //image path for ratingStar here
                    }

          .filledRatingStar {
                   //image path for filledRatingStar  here
           }

          .emptyRatingStar {
                     //image path for emptyRatingStar  here
           }

          .savedRatingStar {
                     //image path for savedRatingStar here
          }
</style>

    </head>
  <body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
       </asp:ScriptManager>
      <div>
      <cc1:Rating ID="ThaiRating" runat="server" BehaviorID="RatingBehavior1"
                CurrentRating="2"
                MaxRating="5"
                StarCssClass="ratingStar"
                WaitingStarCssClass="savedRatingStar"
                FilledStarCssClass="filledRatingStar"
                EmptyStarCssClass="emptyRatingStar"
                OnChanged="ThaiRating_Changed"
                style="float: left;" />
   </div>
    </form>
  </body>

代码隐藏部分

     protected void ThaiRating_Changed(object sender, RatingEventArgs e)
     {
        Thread.Sleep(400);
        e.CallbackResult = "Update done. Value = " + e.Value + " Tag = " + e.Tag;
     }

【讨论】：

【解决方案2】：

在下面使用，您可以进行相应的修改。将星星图像放在适当的文件夹中：

.star_rating {
    font-size: 0pt;
    width: 30px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    }

    .star_filled {
    background-image: url(Images/orange_star.jpg);

    }

    .star_empty {
    background-image: url(Images/grey_star.jpg);
    }

    .star_saved {
    background-image: url(Images/red_star.jpg);
    }

</style>

【讨论】：

哇 ..它看起来很复杂.. 我最好使用复选框.. 感谢您的代码