Как сделать так, чтобы на странице появился элемент управления Ajax Rating? - PullRequest
0 голосов
/ 28 июня 2011
<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-файлы ... и заполнять все сам ...?Как сделать так, чтобы элемент управления отображался и отображался на странице?

Ответы [ 2 ]

1 голос
/ 28 июня 2011

Используйте ниже, и вы можете изменить соответственно. поместите изображения звездочек в соответствующие папки:

.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>
0 голосов
/ 28 июня 2011

Нет, вам не нужно создавать 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;
     }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...