Разные изображения в сетке

Question

У меня есть вопрос, связанный с gridviews в ASP.NET

У меня есть gridview, который я извлекаю информацию из базы данных SQL, и он отображает имя пользователя и текущий статус IE;

• Имя пользователя | Состояние
• user1 | Вышел из системы
• user2 | Войти в систему
• user3 | В отпуске

Так что это работает очень удобно, однако, что я хотел бы сделать, это вместо того, чтобы отображать текст для статуса, я хотел бы отобразить изображение «пули» с разными цветами. красный, зеленый, оранжевый, синий - для разных статусов.

Нужно ли каким-то образом помещать эти изображения в базу данных или я могу использовать какое-то выражение IF, чтобы просто сказать, что если статус «1 - залогинен», то отобразить «green.png»?

заранее спасибо

Answer 1

Попробуйте установить соответствующий класс CSS, а затем установите CSS для использования подходящего фонового изображения. Я думаю, что вы не можете использовать BoundField, но вы должны использовать TemplateField следующим образом:

<asp:TemplateField>
    <ItemTemplate>
        <div class="StateBar State<%#eval("State") %>">&nbsp;</div>
    </ItemTemplate>
</asp:TemplateField>

А затем создайте такой CSS-код:

.StateBar{
display:block;
width:10px;
height:10px;
}

.StateLoggedOut{
background-image:url(/images/...);
}

Подсказка: попробуйте получить поля состояния без ""

Answer 2

У вас есть 2 способа достичь этого:

1 - измените запрос так, чтобы URL-адрес изображения попадал непосредственно в столбец. 2 - сделать выбор изображения на сетке.

В любом случае вам придется создать столбец шаблона с изображением в нем.

Вам нужна помощь с этим?