如何更改C＃web應用程序中網格中選定行的顏色？

Question

我想更改網格中選定的特定行的顏色。我的web應用程序有可能如何？請建議我。

Answer 1

試試這個

<style type="text/css"> 
    .row-highlight 
    { 
     background-color: Yellow; 
    } 
    .row-select 
    { 
     background-color: red; 
    } 
</style> 

<asp:GridView ID="GridView1" runat="server"> 

</asp:GridView> 
<script type="text/javascript"> 
    $(function() { 
     var tr = $('#<%= GridView1.ClientID %>').find('tr'); 

     tr.hover(
      function() { // mouseover 
       $(this).addClass('row-highlight'); 
      }, 
      function() { // mouseout 
       $(this).removeClass('row-highlight'); 
      } 
     ); 
     tr.click(function() { 
      $(this).addClass('row-select'); 
     }); 
    }); 

</script> 

Answer 2

您必須在代碼隱藏的每一行添加一些javascript。處理onmouseover事件，改變背景顏色： Change GridView row color based on condition

Answer 3

附上一個onclick javascript函數每個複選框，如果複選框被選中時，然後分配一些CSS類到該行，將突出整個行。

Answer 4

在您的GridView中，添加SelectedRowStyle屬性並使用BackColor屬性設置選定行的顏色。

所以你的GridView看起來就像這樣：

<asp:GridView ID="GridTest" runat="server" DataSourceID=... > 
    <Columns> 
    ... 
    </Columns> 
    <SelectedRowStyle BackColor="#E2DED6"/> 
</asp:GridView> 

Answer 5

如果這是我們在這裏談論一個GridView控制，那麼你可以利用<SelectedRowStyle>

<asp:GridView id="GridView1" runat="Server"> 

    <Columns></Columns> 

    <SelectedRowStyle CssClass="selectedRowStyle" BackColor="LightCyan" 
     ForeColor="DarkBlue" 
     Font-Bold="true" /> 

</asp:GridView> 

風格如此相應地增加。