如何讓阿賈克斯評分控制出現在頁面

<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文件..並自己填寫所有內容..？我怎樣才能讓控件顯示在頁面上？

來源

2011-06-28 Matrix001

不，你並不需要創建CSS文件這只是包括頭部分的類。

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

來源

2011-06-28 12:08:11 Harun

在下面使用，你可以相應地修改。把星圖上相應的文件夾：

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

來源

2011-06-28 12:06:41 Saurabh

wow..it shounds如此令人費解的..我更好的使用複選框..多謝代碼雖然 – Matrix001

如何讓阿賈克斯評分控制出現在頁面

回答

相關問題