asp.net - 评级控制 Ajax 无法在 asp.net 中显示

Question

我正在使用 ASP.NET AJAX 控件工具包中存在的评级控件。我有以下问题。

1. 如果我将控件拖到页面上，它不会显示任何内容
2. CSS也无济于事
3. 如何将评分值保存在数据库中

非常感谢。

CSS

.ratingStar
{
            font-size: 0pt;
            width: 12px;
            height: 12px;
            cursor:pointer;
            background-repeat: no-repeat;
 }


.filledRatingStar
{
  background-image: url(images/Star_filled.gif);
}


.emptyRatingStar
{
  background-image: url(images/Star_empty.gif);
}

ASPX：

<asp:Rating ID="Rating2" runat="server" CurrentRating="1" MaxRating="6"   StarCssClass="ratingStar"
                    WaitingStarCssClass="savedRatingStar"
                    FilledStarCssClass="filledRatingStar"
                    EmptyStarCssClass="emptyRatingStar"
                                RatingAlign="Vertical">
                            </asp:Rating>

Answer 1

评分未显示：

1. 您缺少savedRatingStar的样式
2. 更重要的是，因为你已经设置了RatingAling="Vertical"你必须display:block;为ratingStar指定

如下更改您的代码，它将起作用：

CSS：

<style type="text/css">
    .ratingStar
    {
        font-size: 0pt;
        width: 12px;
        height: 12px;
        cursor: pointer;
        background-repeat: no-repeat;
        display: block;
    }

    .filledRatingStar
    {
        background-image: url(images/Star_filled.gif);
    }


    .emptyRatingStar
    {
        background-image: url(images/Star_empty.gif);
    }

    .savedRatingStar
    {
        /*change this to your image name*/
        background-image: url(images/Saved_star.gif);
    }
</style>

ASPX：

<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:Rating ID="Rating2" runat="server" CurrentRating="1" MaxRating="6" StarCssClass="ratingStar"
    WaitingStarCssClass="savedRatingStar" FilledStarCssClass="filledRatingStar" EmptyStarCssClass="emptyRatingStar"
    RatingAlign="Vertical" />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="SubmitRating" />
</form>

将评分保存到数据库：

评级可通过CurrentRatingRating 控件的属性获得，只需在代码中访问它并将其插入数据库（网上有数百个示例如何做到这一点，我相信您将能够从这里）

protected void SubmitRating(object sender, EventArgs e)
    {
        int rating = Rating2.CurrentRating;
        //Submit to database...
    }