2014-02-17 2 views
0

나는 각 자전거에 대한 이미지를 표시 할에 이미지를 삽입하는, 그러나이 코드는 작동하지 않았다 방법 :ActionLink (보기 모델)

<ul> 
@foreach (var bike in Model.Bikes) 
{ 
    <li>@Html.ActionLink(bike.Name, "Categories", new { id = bike.Id, name = bike.Name, @class = "image"}, null)</li> 
} 
</ul> 

누구나이 나를 도울 수있다, 덕분에 많이!

난 그냥 내 CSS 파일 업데이트

:

이미지 Hyperlinks.we에 대한 붙박이 HTML 헬퍼가 없습니다
a.image { 
    background: url('~/Store Project(new)/Store Project/AdventureCycle/Content/Images/') no-repeat center right; 
    display: block; 
    height: 84px; 
    width: 264px; 
} 
+0

[이 링크] (http://stackoverflow.com/questions/596444/html-actionlink-as-a-button-or-an-image-not-a-link) 및 [this link] (http : //stackoverflow.com/questions/19245343/attach-image-to-actionlink-in-mvc-4). "검색 도구"사용법을 배우십시오. –

답변

0

는 당신이 얻을 것이다 이것은 아래의 링크를 참조 requirement.So 얻을 inorder를 사용자 정의 HTML 도우미를 만들 필요를 생각. bike.Name은 널 또는 빈 경우

여기
@if (Convert.ToString(bike.Name) == null || Convert.ToString(bike.Name) == "") 
      { 
       bike.Name = "Empty"; 
      } 
      @Html.ActionLink(Convert.ToString(bike.Name), "Categories", new { @id =bike.Id, @name = bike.Name },new{ @class = "image" }) 

내가 "빈"했다 : 당신의 comment.i에 근거

Action Image MVC3 Razor

이 같은 솔루션을 제공합니다.

+0

    @foreach (Model.Bikes에서 VAR 자전거) {
  • <% = Html.Action (bike.Name, "카테고리", 새 {ID = bike.Id, 이름 = bike.Name, 널 (null), @ () 클래스 = "이미지"}) %> }
그리고 CSS에서 a.image { 배경 : 홈페이지 ('~/저장 프로젝트 (신규)/저장 프로젝트/AdventureCycle/컨텐츠/이미지/산 -bike-jump.jpg ') no-repeat center right; display : 블록; 신장 : 84px; 너비 : 264px; } 이미 해결했지만 여전히 작동하지 않았습니다. –

+0

ru 면도기 뷰 엔진 또는 aspx 뷰 엔진을 사용하는 경우. 면도기 : 이것을 사용하십시오. @ Html.ActionLinkFor (bike.Name, "Categories", new {@id = bike.Id, @name = bike.Name, @ class = "image"}) – Ajay

+0

** Html.ActionLinkFor ** ... 면도보기에 표시되지 않았습니다 –