MVC изменить изображение кнопки изображения на виде с контроллера

Question

Я новичок в MVC. Я создаю приложение веб-страницы книжного магазина, используя aspx и mvc. У меня есть база данных книг, которые говорят, доступны или распроданы. Когда пользователь щелкает раскрывающийся список и выбирает книгу, рядом с книгой отображается изображение, на котором должна отображаться зеленая галочка, если она доступна, или красная буква X, если она недоступна. Эта информация все берется из базы данных. У меня вопрос, как мне изменить изображение, когда книга станет доступной. Кстати, мои изображения хранятся в моей папке Content под imgs.

Я долго искал и не нашел хорошего ответа. Любая помощь или любые веб-сайты, которые вы можете предложить, были бы очень благодарны.

Мое изображение говорит об этом

<asp:  Image ID = "Book_Availability" runat = "server" />

----------- ---- Обновление Когда я имею в виду изменение, я имею в виду изменение ImageURL, чтобы оно указывало на другую картину. На стороне сервера у меня есть значение 0 или 1. Когда я получаю 1, я хочу обновить URL-адрес изображения, чтобы он указывал на другой ImageURL от контроллера, чтобы он был от X до галочки. Я не уверен, как это сделать с помощью MVC

Answer 1

Вы можете добавить обработчик событий клика в выпадающий список с помощью jQuery. Это, в свою очередь, может сделать событие $ ("# myimagewrapperexample"). Load () против действия на каком-либо контроллере, т.е. BooksController

Действие может вернуть частичное представление, содержащее, например, текущее изображение книги. Или он может вернуть true, false в зависимости от наличия книг, и вы переключаете изображение в своем javascript. Все действие, которое нужно будет выполнить, будет идентификатором книги, и вы сможете просмотреть ее, чтобы определить ее статус.

Я никогда не использовал теги asp в проекте MVC, поэтому не могу комментировать ваше использование там. Предложение AlexC о поиске синтаксиса Razor, если вы используете MVC 3, является хорошей идеей. В противном случае вы можете захотеть взглянуть на создание представлений с помощью MVC 2. Эта ссылка Microsoft может помочь вам в этом.

Answer 2

Проверьте эту ссылку на Синтаксис бритвы .Вы можете достичь того, что описали с помощью чего-то вроде:

@{
    string availableImage = Url.Content("~/Images/availableImage");
    string unavailableImage = Url.Content("~/Images/unavailableImage");
}

<img  src= "@(Model.IsAvailable ? availableImage : unavailableImage)" alt="" />