강조 표시 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 
}