使用JQuery高亮显示MvcContrib网格中的选定行

我不熟悉MVC和jQuery。我有一个MvcContrib网格。我有一个选择链接，它选择要带来数据的行，所以我已经有了一个点击功能。我可以将选定的行高亮显示添加到同一功能中吗。下面是我的代码的一个片段

@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
}

@Html.Grid（Model）.Columns（column=>
{
列。自定义（@）；
column.For（x=>Html.ActionLink（“编辑”、“编辑”、“联系”），新的{id=x.id，
socialcommunityid=x.socialcommunityid}，新的{@class=“openDialog”，数据对话框id
=“editContactDialog”，数据\u dialog\u title=“联系人详细信息”}）
).Named（“”）。可排序（false）；
})
//这是已经存在的功能
函数getContactDetails（communityContactID）
{
//获取数据的一些代码
}

---

有人能帮我突出显示所选行吗？

您可以创建一个新的css类，其中包含所需的样式。将此类添加到click处理程序中的currnet行。将另一个参数

this

传递到

getContactDetails

，这将帮助我们获取相应的行。试试这个

Css

Js

---

我通过传递以下参数尝试了您的方法：column.Custom（@）；并将您的行和参数添加到我的函数中，但这不会突出显示行。它还停止了在突出显示代码之后执行的数据提取操作。有什么建议吗？我已将“获取联系人详细信息”函数中的代码更改为obj.parents（'table'）。find（'selected'）。removeClass（'selected'）；对象父对象（“tr”）.addClass（“选定”）；并突出显示网格行备用项。但是其他行没有高亮显示。有什么建议吗？

.selected{
    background: "someColor";
}

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
}