單擊網格行中的按鈕以彈出顏色突出顯示行（webgrid）

我不太瞭解jquery，但我只是盡力而爲。需要你的幫助，並希望你會。單擊網格行中的按鈕以彈出顏色突出顯示行（webgrid）

我正在使用ASP.NET MVC 4.當您單擊按鈕（btnDetails）彈出時，特定PersonId（101）行應該突出顯示（黃色）。它正在工作，但是當您用另一個PersonId（102）行單擊下一個按鈕時，前一個PersonId（101）突出顯示仍然存在。那是我的問題。我希望PersonId（101）突出顯示行在您使用另一個PersonId（102）單擊下一個按鈕以獲取突出顯示行時消失。這個怎麼做？希望你明白我的英語。請看我的下面的代碼。希望你能爲我解決它。謝謝！

@grid.GetWebGrid(
    htmlAttributes: new { id = "grid" }, 
    tableStyle: "grid", 
    headerStyle: "webgrid-header", 
    footerStyle: "webgrid-footer", 
    selectedRowStyle: "webgrid-selected-row", 
    alternatingRowStyle:"webgrid-alternating-row", 
    rowStyle: "webgrid-row-style", 
    mode: WebGridPagerModes.FirstLast | WebGridPagerModes.Numeric | WebGridPagerModes.NextPrevious, 
    numericLinksCount: 5, 
    firstText: "<< First", 
    previousText: "< Previous", 
    lastText: "Last >>", 
    nextText: "Next >", 
    columns: grid.Columns(
       grid.Column(columnName: "PersonId", header: "Person ID", style: "colId", format: (item) => string.IsNullOrEmpty(item.PersonId) ? string.Empty : item.PersonId), 

      grid.Column(header: "Details", style: "colDetails", format: @<text><input class="colDetails1" id="btnDetails" type="button" value="Details" /></text>), 
      ))

<script type="text/javascript"> 
$(function() { 
    var tr = $('#grid').find('tr'); 
    tr.bind('click', function (event) { 

     $("tr").click(function() { $(this).css('background', 'yellow'); }); 

    }); 

});

來源

2014-02-28 user2857908

一個的jsfiddle會受到歡迎！ :)渲染一些html並添加這個js代碼。 –

謝謝，但我對jquery很新。不知道如何做到這一點。我的演示是今天。 :) – user2857908

轉到jsfiddle.net - 粘貼一些HTML代碼和JAVASCRIPT代碼，單擊保存並給我們鏈接:) –

$(function() { 
var tr = $('#grid').find('tr'); 
tr.bind('click', function (event) { 

    $("tr").click(function() { 
    $('#grid').find('tr').css('background', 'none'); 
    $(this).css('background', 'yellow'); }); 

}); 

});

來源

2014-02-28 09:51:48

哇幾乎工作，但只有webgrid標題背景（藍色）因背景沒有消失。 mmm – user2857908

我不知道在開始時定義了什麼背景色：那是我需要jsFiddle的另一個原因。在點擊之前將「none」更改爲行所具有的顏色。 –

yay我管理它。我改變$（'＃grid'）。find（'tr'）。css（'background'，''）;這是工作。答對了！非常感謝:) @TK – user2857908

單擊網格行中的按鈕以彈出顏色突出顯示行（webgrid）

回答

相關問題