C# 웹 응용 프로그램의 Grid에서 선택된 행의 색을 어떻게 변경합니까?

Question

그리드에서 선택한 특정 행의 색을 변경하고 싶습니다. 내 웹 응용 프로그램은 어떻게 가능합니까? 제발 제안 해주세요.

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

코드 숨김의 모든 행에 자바 스크립트를 추가해야합니다. onMouseover와 이벤트를 처리하고 배경색을 변경 : Change GridView row color based on condition

Answer 3

각 체크 박스에 onclick을 자바 스크립트 함수를 부착하고, 체크 박스가 체크되어있는 경우에, 다음 전체 행을 강조 표시됩니다 해당 행, 일부 CSS 클래스를 할당합니다.

Answer 4

GridView에서 SelectedRowStyle 속성을 추가하고 BackColor 속성을 사용하여 선택한 행의 색을 설정합니다. 이것이 우리가 여기서 얘기되는 GridView 제어의 경우,

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

Answer 5

을 당신은 단지 <SelectedRowStyle>

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

    <Columns></Columns> 

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

</asp:GridView> 

스타일이 사용할 수있다 :

그래서 당신의 GridView는 다음과 같이됩니다 그에 따라.