Asp.net 如何使Ajax分级控件显示在页面上

Asp.net 如何使Ajax分级控件显示在页面上,asp.net,ajax,controls,Asp.net,Ajax,Controls,我通读了这篇文章: 所有这些CSS属性是什么?我需要创建CSS文件吗。。我自己把所有的东西都装满了。。?如何使控件在页面上显示和可见?使用下面的命令,您可以进行相应的修改。将星形图像放在适当的文件夹中: <cc1:Rating ID="Rating1" runat="server" StarCssClass="star_rating" WaitingStarCssClass="star_saved" FilledSt

我通读了这篇文章:


所有这些CSS属性是什么?我需要创建CSS文件吗。。我自己把所有的东西都装满了。。?如何使控件在页面上显示和可见?

使用下面的命令,您可以进行相应的修改。将星形图像放在适当的文件夹中:

<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>

.star\u评级{
字号:0pt;
宽度:30px;
高度:30px;
边际:0px;
填充:0px;
光标:指针;
显示:块;
背景重复:无重复;
}
.星光大道{
背景图片:url(Images/orange_star.jpg);
}
.星空{
背景图片:url(Images/grey_star.jpg);
}
星佑先生得救了{
背景图片:url(Images/red_star.jpg);
}

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

.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>

哇..它应该这么复杂。。我最好使用复选框。。谢谢你的代码
      <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;
     }