使用JQuery突出顯示MvcContrib Grid中的選定行

我是MVC和jQuery的新手。我有一個MvcContrib網格。我有一個選擇鏈接，選擇行以帶來數據，所以我已經有一個功能，在該點擊。我可以將選定的行高亮添加到相同的功能中嗎？以下是我的代碼的一個片段。使用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 
}

有人可以幫我突出顯示選定的行嗎？

來源

2012-02-10 Anushank Anand

您可以在其中創建一個新的具有所需樣式的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 
}

來源

2012-02-10 20:47:22 ShankarSangoli

我通過將以下參數嘗試過你的方法：column.Custom（@Select）;並將你的線和參數添加到我的功能，但這不會突出顯示該行。它也停止了高亮代碼之後的數據獲取操作。有什麼建議？ – 2012-02-10 23:17:17

我改變了函數獲取聯繫人詳細信息到obj.parents（'table'）中的代碼。find（'。selected'）。removeClass（「selected」）; obj.parents（'tr'）。addClass（「selected」）;並且使網格交替變得突出。但是其他行沒有被強調。有什麼建議麼？ – 2012-02-11 01:02:24

使用JQuery突出顯示MvcContrib Grid中的選定行

回答

相關問題