Ajax.ActionLink с изображением

Question

Чтобы создать кнопку изображения, которая вызывает метод действия, вы можете использовать такую ​​конструкцию

<a href="@Url.Action("SomeAction")" ><img src="image.jpg"/> </a>

Но что, если мне действительно нужен вызов ajax?Я могу использовать jQuery и связать событие javascript с кнопкой, но мне интересно, есть ли еще более простой способ, не загрязняя разметку скриптами?

Answer 1

try

@Ajax.ActionLink("LinkText", "ActionName", "ControllerName", your route values or null, new AjaxOptions { UpdateTargetId="Div1"}, new { @class = "MyCssClass" })

в вашем css файле

.MyCssClass
{
  background-image:url(image.jpg);
}

Редактировать

@Ajax.ActionLink("LinkText", "ActionName", "ControllerName", your route values or null, new AjaxOptions { UpdateTargetId = "Div1" }, new { style = "background-image:url(image.jpg)" })

Примечание

Вы должны записать полный путь вашего изображения (относительный путь).

Answer 2

Я использовал вариант этого, который работает с чуть менее хитрым

https://stackoverflow.com/a/23656271/2667818

Это быстро и хорошо работает со всем, что я попробовал.

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