Динамическое создание звездочек глифов в элементе div на основе числового значения, полученного из базы данных MSSQL C #

Question

Я получаю рейтинг (может быть больше 5) из базы данных и хочу создать глификоновые звезды на основе значения, полученного при загрузке страницы.Ниже приведен код, используемый для получения значения.

int rating_count = DBinteract.get_rating_count(ticket_id);

Я попытался выполнить цикл и добавить глифы в div, основываясь на полученном значении, однако при загрузке страницы отображается только одна звезда.

for (int i = 0; i < rating_count; i++)
  {
    this.rating_count.InnerHtml="<span class='glyphicon glyphicon-star'></span>";
  }

Div Я пытаюсь добавить звезды к

  <td>
         <div id="rating_count" runat="server"></div>
  </td>

Answer 1

Вам нужно будет добавить одну строку друг к другу, чтобы получить более одного span в сгенерированном html, в противном случае вы назначаете один и тот же string несколько раз для .InnerHtml.Более того, если вы этого еще не сделали, помните, что .innerHtml необходимо инициализировать сначала empty string:

this.rating_count.InnerHtml = "";

for (int i = 0; i < rating_count; i++)
{
    this.rating_count.InnerHtml += "<span class='glyphicon glyphicon-star'></span>";
    //               look here: ^^
}

Однако, если у вас есть поддержка Javascript, вы можете использовать String.repeat () для этой задачи:

int rating_count = DBinteract.get_rating_count(ticket_id);
this.rating_count.InnerHtml = "<span class='glyphicon glyphicon-star'></span>".repeat(rating_count);