Отображение значения в виде изображения в vb

Question

На моей странице aspx у меня есть сетка, которая отображает значение из моей базы данных как "*".Поэтому, если значение в моей таблице базы данных равно 5, оно будет отображаться как "*****" в виде сетки.

код в aspx:

<asp:TemplateField HeaderText="Rating" SortExpression="Rating">
              <ItemTemplate><h1><%# getrating(Eval("Rating"))%></h1></ItemTemplate>
            </asp:TemplateField>

код в aspx.vb

Protected Function getrating(ByVal rate As Integer)
        Dim retval As String
        retval = ""
        For i = 1 To rate
            retval = retval + "*"
        Next
        Return retval
    End Function

Я хочу изменить это "*" на изображение, то есть star.jpg, поэтому в виде сетки будет отображаться изображение star.jpg вместо "*".

Есть идеи, как это сделать, пожалуйста?Использование MS Visual Studio 2010

Answer 1

Вы должны быть в состоянии сделать что-то вроде следующего:

retval = retval + "<img src=""star.jpg"" alt=""*"">"

Возможно, вам понадобится какой-нибудь стиль, чтобы поместить их все в одну строку (float: left должен делать), но я забыл, не нужно ли это.

Принцип этого, очевидно, довольно простой. В выводимом HTML у вас будет просто тег изображения, где раньше у вас был *. Лучший способ сделать это может состоять в том, чтобы иметь пять изображений от одного до пяти, а затем иметь что-то вроде:

Protected Function getrating(ByVal rate As Integer)
    Dim retval As String
    retval = String.Format("<img src=""Star{0}.jpg"" alt=""{0} stars"">", rate)
    Return retval
End Function

Это выведет тег изображения, указывающий на любой из Star1 - Star5. В некотором смысле это лучше, поскольку позволяет лучше контролировать их внешний вид, а также позволяет создавать пять изображений одинакового размера и знать, что используемое пространство всегда будет одинаковым.

Answer 2

Вот реализация с использованием CSS - http://www.thebroth.com/blog/119/css-rating-stars - для создания эффекта требуются дополнительные элементы div и два изображения, но, похоже, это изящное решение.