Выделите выделенную строку в MvcContrib Grid с помощью JQuery

Question

Я новичок в MVC и JQuery. У меня есть MvcContrib Grid. У меня есть ссылка выбора, которая выбирает строку для вывода данных, поэтому у меня уже есть функция для этого клика. Могу ли я добавить выделенную строку подсветки к той же функции. Вот фрагмент того, как выглядит мой код.

@Html.Grid(Model).Columns(column =>
{
  column.Custom(@<a href='#@item.ID' onclick='getContactDetails(@item.ID); 
  return false;'>Select</a>);
  column.For(x => Html.ActionLink("Edit", "Edit", "Contact", new { id = x.ID, 
  socialcommunityid = x.SocialCommunityID },new { @class = "openDialog", data_dialog_id 
  = "editContactDialog", data_dialog_title = "Contact Details" }) 
  ).Named("").Sortable(false);
})


//This is the function that is already present
function getContactDetails(communityContactID)
{
  //Some code to fetch data
}

Может ли кто-нибудь помочь мне выделить выбранную строку?

Answer 1

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

Css

.selected{
    background: "someColor";
}

Js

function getContactDetails(communityContactID, obj)
{
    //This will remove selected class from previous selection
    $(this).closest('table').find('tr').removeClass('selected');

    //This will add the selected class to current row
    $(this).closest('tr').addClass('selected');

    //Some code to fetch data
}