2012-04-01 104 views
0

我是MVC的新手。我正在使用aspx和mvc創建一個書店網頁應用程序。我有一個說可用或賣完的書的數據庫。當用戶點擊一個下拉列表時,他們會選擇一本書,它會在圖書旁邊顯示一張圖片,如果圖片可用,該圖片應該顯示綠色複選標記,如果圖片不可用,則顯示紅色X.該信息全部來自數據庫。我的問題是如何在圖書可用時更改圖像。順便說一下,我的圖像存儲在imgs下的Content文件夾中。從控制器的視圖MVC更改圖像按鈕圖像

我一直在尋找一段時間,還沒有找到一個好的答案。任何幫助或任何網站,你可以建議將非常感謝。

我的圖片說,這

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

-----------更新---- 當我的意思是變化的,我的意思是改變IMAGEURL,使其指向不同的圖片。在服務器端,我的值爲0或1.當我得到1時,我想更新圖像URL以指向來自控制器的不同ImageURL,以使其從X到複選標記。我不確定如何使用MVC完成此操作

+0

你是什麼意思你如何改變圖像?你會不會只使用if/then邏輯取決於數據庫字段的值? – McGarnagle 2012-04-01 05:50:46

回答

0

查看Razor syntax上的此鏈接。你可以通過類似的東西來實現:

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

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

你也許可以使用jQuery將下拉事件處理程序添加到下拉菜單中。這可以反過來在某些控制器上對某個操作執行$(「#myimagewrapperexample」).load()事件,例如BooksController

該操作可以返回包含書籍當前圖像的部分視圖。或者它可能會返回true,false取決於書籍的可用性,並在javascript中切換圖像。所有需要通過的動作都將成爲本書的編號,然後您可以查看它以確定它的狀態。

我從來沒有在MVC項目中使用過asp標籤,因此無法評論您的使用情況。如果您使用MVC 3是一個好主意,AlexC建議查看Razor語法。否則,您可能需要考慮使用MVC 2創建視圖。此Microsoft link可能會幫助您擺脫這一方面。