Как я могу выделить Ajax.ActionLink, когда выбран

Question

Так как я могу выделить, когда клиент нажимает Ajax.ActionLink У меня есть класс в CSS, который работает с @ Html.ActionLink, но для

 @Ajax.ActionLink("select", "Index", "Certificacion",
                      new { id = item.CertificacionId },
                      new AjaxOptions
                      {
                          HttpMethod = "GET",
                          UpdateTargetId = "linkEdit",
                          InsertionMode = InsertionMode.Replace
                      },
         new { @class = "selectedRow" })|

так как же сделать так, чтобы клиент знал, что был выбран

Answer 1

Это можно сделать с помощью JavaScript. Вот пример использования jQuery:

@Ajax.ActionLink("select", "Index", "Certificacion", 
                      new { id = item.CertificacionId }, 
                      new AjaxOptions 
                      { 
                          HttpMethod = "GET", 
                          UpdateTargetId = "linkEdit", 
                          InsertionMode = InsertionMode.Replace 
                      }, 
         new { @class = "selectedRow", id = "YourActionLink" })
@* Notice the added html attribute property *@

Тогда ваш код jQuery может быть таким:

$(document).ready(function() {
    $('#YourActionLink').click(function()
        {
            $(this).addClass('YourSelectedItemClass');
        });
});

А затем просто несколько чрезвычайно упрощенный CSS, чтобы завершить этот пример:

.YourSelectedItemClass
{
    background-color: yellow;
}

Рабочий пример jQuery

Пожалуйста, посмотрите это работающий jQuery jsFiddle , чтобы доказать, что jQuery правильный.