cannot highlight gridview row onclick RSS

• • Reply
  

  Ali.M.Habib

  Member

  22 Points

  82 Posts

  cannot highlight gridview row onclick

  Nov 09, 2010 02:26 PM|LINK

  Hi all,

   

  I haveissue with gridview

  I use gridview inupdate panel like this 

   

  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   
  
  
  
  <ContentTemplate>
   
  
  
  
  <asp:GridView ID="GridSearchResult" runat="server" AutoGenerateColumns="false" CssClass="GridViewStyle"
   
  
  
  
  GridLines="None" AllowSorting="True" AllowPaging="True" OnPageIndexChanging="GridSearchResult_PageIndexChanging"
   
  
  
  
  OnSorting="GridSearchResult_Sorting" OnRowCommand="GridSearchResult_RowCommand"
   
  
  
  
  OnRowDataBound="GridSearchResult_RowDataBound" OnRowCreated="GridSearchResult_RowCreated">
   
  
  
  
  <Columns>
   
  
  
  
  <asp:ButtonField Text="DoubleClick" CommandName="DoubleClick" Visible="false" />
   
  
  
  
  <asp:TemplateField HeaderText="Study_Inc_ID">
   
  
  
  
  <ItemTemplate>
   
  
  
  
  <asp:Label ID="Study_Inc_ID" runat="server" Text='<%# DataBinder.Eval (Container.DataItem, "Study_Inc_ID").ToString() %>' />
   
  
  
  
  </ItemTemplate>
   
  
  
  
  </asp:TemplateField>

   

  I use<asp:ButtonField Text="DoubleClick" CommandName="DoubleClick" Visible="false" /> for double click handeling on row

   I need when click on row it be highlighted so I use the following

   

  protected void GridSearchResult_RowCreated(object sender, GridViewRowEventArgs

  e)

  {

  if (e.Row.RowType == DataControlRowType

  .DataRow)

  {

  string

  key = KEY.ToString();

  e.Row.Attributes.Add(

  "id"

  , key);

  e.Row.Attributes.Add(

  "onclick","javascript:ChangeRowColor(this)"

  );

   

  and the javascript is

   <script language="javascript" type

  ="text/javascript">

   

   

  function

  ChangeRowColor(row)

  {

  var

  color = row.style.backgroundColor;

  if (color != '#ffff66'

  ) oldColor = color;

  if (color == '#ffff66'

  ) row.style.backgroundColor = oldColor;

  else row.style.backgroundColor = '#ffff66'

  ;

  }

  </script>

   

  I tried to remove the grid view from the updatepanel but it give any result

   

  any suggesion please

   

  
  
  

   

   

   

   

• • Reply
  

  manoj0682

  Star

  8479 Points

  1499 Posts

  Re: cannot highlight gridview row onclick

  Nov 09, 2010 03:02 PM|LINK

  check below link

  http://netomatix.com/development/gridviewrowselectedstyle.aspx 

  
  Manoj Karkera
  

  
  
• • Reply
  

  Ahmed Moosa

  Star

  7784 Points

  1232 Posts

  Re: cannot highlight gridview row onclick

  Nov 09, 2010 03:11 PM|LINK

  hi

  try to do it using Jquery Like this : (just copy and paste )

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      <script type="text/javascript">
          $(document).ready(function () {
              $("#GridView1 tr").mouseover(function () {
                  $(this).css("background", "red");
              }) ;
             $("#GridView1 tr").mouseout(  function () {
                  $(this).css("background", "white");
              });
          });
      
  
      </script>

  
  do not forget to replace GridView1 with you GridViewID

  Thanks

   

  My Blog
  
  
  MCC - MCPD -MCTS
  
  • Edited by Ahmed Moosa on Nov 10, 2010 11:21 AM
• • Reply
  

  Ali.M.Habib

  Member

  22 Points

  82 Posts

  Re: cannot highlight gridview row onclick

  Nov 10, 2010 05:27 AM|LINK

  dear manoj0682

  I tried it and gve javascrpt error

  gridview1 (mygridview name asi changed the ggrid name he use with mine ) is undefined any suggestion

   

  Best regards   

  • Edited by Ali.M.Habib on Nov 10, 2010 05:31 AM
• • Reply
  

  Ali.M.Habib

  Member

  22 Points

  82 Posts

  Re: cannot highlight gridview row onclick

  Nov 10, 2010 05:52 AM|LINK

  Ahmed Moosa

  hi

  try to do it using Jquery Like this : (just copy and paste )

  <div class=dp-highlighter> <div class=bar> <div class=tools>view plaincopy to clipboardprint?</div></div>

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>   
  2.     <script type="text/javascript">   
  3.         $(document).ready(function () {   
  4.             $("#GridView1 tr").mouseover(function () {   
  5.                 $(this).css("background", "red");   
  6.             }) ;   
  7.            $("#GridView1 tr").mouseout(  function () {   
  8.                 $(this).css("background", "white");   
  9.             });   
  10.         });   
  11.        
  12.     </script>  

  </div>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      <script type="text/javascript">
          $(document).ready(function () {
              $("#GridView1 tr").mouseover(function () {
                  $(this).css("background", "red");
              }) ;
             $("#GridView1 tr").mouseout(  function () {
                  $(this).css("background", "white");
              });
          });
      
  
      </script>

  
  do forget to replace GridView1 with you GridViewID

  Thanks

   

   

  it not work withme becaause the gridview on update panel any suggestion please

• • Reply
  

  ShilpaSunil

  Member

  505 Points

  144 Posts

  Re: cannot highlight gridview row onclick

  Nov 10, 2010 07:40 AM|LINK

  Hi,

  Try  using these links

   

  http://www.dotnetcurry.com/ShowArticle.aspx?ID=123&AspxAutoDetectCookieSupport=1

  http://www.eggheadcafe.com/community/aspnet/17/10195665/changing-selective-row-colors-in--gridview.aspx

  http://www.highoncoding.com/Articles/174_Change_GridView_RowColor_OnMouseClick.aspx

   

   

  Shilpa Sunil
• • Reply
  

  Ahmed Moosa

  Star

  7784 Points

  1232 Posts

  Re: cannot highlight gridview row onclick

  Nov 10, 2010 11:38 AM|LINK

  Ali.M.Habib

  it not work withme becaause the gridview on update panel any suggestion please  

   

  hi

  ok try this :

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript">
          $(document).ready(function () {
              $("#UpdatePanel1 #GridView1 tr").mouseover(function () {
                  $(this).css("background", "red");
              }) ;
              $("#UpdatePanel1  #GridView1 tr").mouseout(function () {
                  $(this).css("background", "white");
              });
          });
      
  
      </script>

  
  hope this helps

  Ahmed

  My Blog
  
  
  MCC - MCPD -MCTS
  
  • Marked as answer by Qin Dian Tang - MSFT on Nov 16, 2010 12:05 AM
• • Reply
  

  superguppie

  All-Star

  48225 Points

  8679 Posts

  Re: cannot highlight gridview row onclick

  Nov 12, 2010 12:23 PM|LINK

  I am pretty sure rowselect will work like in this post. UpdatePanel doesn't influence it. I use this a lot.
  Superguppie.
  Please remember to click “Mark as Answer” on the post that helps you. This can be beneficial to other community members reading the thread.
  When all you've got is a Hammer, Every Problem looks like a Nail. Michael Swain.