Выделите выделенную строку в MvcContrib Grid с помощью JQuery - PullRequest
Новая
       36

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

0 голосов
/ 11 февраля 2012

Я новичок в 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
}

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

1 Ответ

1 голос
/ 11 февраля 2012

Вы можете создать новый класс 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
}
...