Преобразование Ajax.ActionLink в кнопку

Question

У меня есть ajax ActionLink. Работает довольно хорошо:

@Ajax.ActionLink("Supprimer", "RemovePersonToKeepInformed", "General", new { keepInformedPersonId = item.KeepInformedPersonId }, new AjaxOptions { Confirm = @UserResource.KeepInformedPersonRemoveConfirmation, HttpMethod = "Delete", OnSuccess = "JsonDelete_OnSuccess" }) 

Теперь я хотел бы показать это как кнопку. Вот что я делаю:

<span class="button"> 
    @Ajax.ActionLink("Supprimer", "RemovePersonToKeepInformed", "General", new { keepInformedPersonId = item.KeepInformedPersonId }, new AjaxOptions { Confirm = @UserResource.KeepInformedPersonRemoveConfirmation, HttpMethod = "Delete", OnSuccess = "JsonDelete_OnSuccess" }) 
</span>

$('.button').button();

Работает только в том случае, если пользователь нажимает на текст «Supprimer». Не работает, если пользователь нажимает в любом месте кнопки.

Как я могу исправить это, чтобы позволить пользователю щелкнуть в любом месте кнопки, чтобы вызвать ajax?

Спасибо.

Answer 1

Примените класс button к тегу <a>, добавив , new { @class = "button" }.

Answer 2

Было бы проще, если бы вы могли стилизовать ссылку для отображения в виде кнопки, а не оборачивать ее SPAN.Если это невозможно, вам нужно добавить обработчик кликов в SPAN, который вызывает клик по ссылке.Это может или не может быть легко сделать в зависимости от того, останавливает ли обработчик щелчка ссылки распространение (вы не хотите, чтобы сгенерированный щелчок всплывал до обработчика щелчков в SPAN).Если это окажется слишком сложно сделать с помощью AjaxHelper, не должно быть слишком сложно вручную воссоздать действие помощника с помощью jQuery, где у вас есть больший контроль над тем, что происходит.изменить стиль на саму ссылку.