ASP.NET MVC Ajax.ActionLink with Image bind to model

Asked Mar 08 '17 at 22:16

Active Mar 08 '17 at 23:06

Viewed 211 times

I have been trying to make this work and I can't figure out what is wrong with this code. The ajax works great, but I can't display the image.

@Html.Raw(@Ajax.ActionLink("[replacetext]", "_ProductDetail", new
{
  productID = item.ProductsID

},
new AjaxOptions
{
 HttpMethod = "POST",
 UpdateTargetId = "detail",
 LoadingElementId = "loading",
 InsertionMode = InsertionMode.Replace
 })
 .ToHtmlString().Replace("[replacetext]","<img src=\"~/images/tn/@item.Ptn)\" />"))

I also tried <img src=\"~/images/tn/@Html.DisplayFor(modelItem =>item.Ptn)

If I put the hard coded image name, it works fine.

Any ideas? I read some other answers here using helpers but I could not make it work either.

edited Mar 08 '17 at 23:06

asked Mar 08 '17 at 22:16

user6272884

What does the rendered HTML look like? – maccettura Mar 09 '17 at 00:17
Just the default missing image in a browser. the problem is with the path of the image , where if I click fires the ajax link, – user6272884 Mar 09 '17 at 13:50
No, I mean if you right click -> View Source, what is the HTML? – maccettura Mar 09 '17 at 13:51
– user6272884 Mar 09 '17 at 14:13
or – user6272884 Mar 09 '17 at 14:13
Thats what shows up in your browser? – maccettura Mar 09 '17 at 14:14
yes only that. it is not rendering the item.Ptn, on the other hand I can get that item.Ptn by itself outside of that – user6272884 Mar 09 '17 at 14:16
the whole thing is this – user6272884 Mar 09 '17 at 14:18
– user6272884 Mar 09 '17 at 14:18
Well my first guess is that if you are seeing the `@` character in rendered HTML then you are somehow escaping that character in your razor syntax. MVC razor will run on the server to generate HTML. You will never see Razor syntax in your rendered HTML. – maccettura Mar 09 '17 at 14:20
I know but I do not know how to concatenate the string to separate the razor syntax for the rest so razor will do the render – user6272884 Mar 09 '17 at 14:25
Do you want the result to be an anchor (``) tag with an image inside it? – maccettura Mar 09 '17 at 14:26
I just need a image be the link to the controller with ajax.actionlink, what ever it is I do not care. if is is fine – user6272884 Mar 09 '17 at 14:29
Have you seen [this](http://stackoverflow.com/questions/341649/asp-net-mvc-ajax-actionlink-with-image) SO answer – maccettura Mar 09 '17 at 14:35
1

looking into all solutions there. thank, I will let you know – user6272884 Mar 09 '17 at 14:51

ASP.NET MVC Ajax.ActionLink with Image bind to model

0 Answers0