JavaScript Function Dont Work After PostBack! RSS

• • Reply
  

  omerdemir

  Member

  271 Points

  528 Posts

  JavaScript Function Dont Work After PostBack!

  Apr 29, 2012 11:10 AM|LINK

  Hello Guys!

  Highlighting selected rows with this codes via onRowDatabound event.

  But when i checking Checkbox (after Postback) row highlight function dont work.

  any advice?

  Thanks in advance!

  <script language="javascript" type="text/javascript" id="Script1">
           var gridViewCtlId2 = '<%=gvSelected.ClientID%>';
           var gridViewCtl2 = null;
           var curSelRow2 = null;
           var rowHighLightTimeOut2 = null;
           function getGridViewControl2() {
               if (null == gridViewCtl2) {
                   gridViewCtl2 = document.getElementById(gridViewCtlId2);
               }
           }
  
           function onGridViewRowSelected2(rowIdx2) {
               var selRow2 = getSelectedRow2(rowIdx2);
               if (curSelRow2 != null) {
                   curSelRow2.style.backgroundColor = '#ffffff';
               }
  
  
               if (null != selRow2) {
                   curSelRow2 = selRow2;
                   curSelRow2.style.backgroundColor = '#ababab';
               }
  
           }
  
           function getSelectedRow2(rowIdx2) {
               getGridViewControl2();
               if (null != gridViewCtl2) {
                   return gridViewCtl2.rows[rowIdx2];
               }
               return null;
           }
  
        
         
  </script>

  
  
  

  • Edited by omerdemir on Apr 29, 2012 02:35 PM
• • Reply
  

  AmalO.Abdull...

  Contributor

  3116 Points

  764 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 06:22 AM|LINK

  where are you calling these functions?

  Please "Mark as Answer" if this post helps.Thank You :)
• • Reply
  

  omerdemir

  Member

  271 Points

  528 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 06:37 AM|LINK

  Thank you for reply!

  from onrowdatabound event

  here is

  protected void gvHrEmploye_RowDataBound(object sender, GridViewRowEventArgs e)
      {
          if (e.Row.RowType == DataControlRowType.DataRow)
          {
              int diaidi = Convert.ToInt32(gvAll.DataKeys[e.Row.RowIndex].Value);
              int rowindx = e.Row.RowIndex + 1;
  
  
              e.Row.Attributes.Add("onmouseover", "tooltip.BeginShowToolTip(event," + diaidi + "), onGridViewRowSelected('" + rowindx.ToString() + "'), clearTimeout(rowHighLightTimeOut)");
              e.Row.Attributes.Add("onmouseout", "tooltip.Hide(), rowHighLightTimeOut = setTimeout(function () { curSelRow.style.backgroundColor = '#ffffff' }, 1000);");
              
          }
  
          
      }

  
  
  

  • Marked as answer by Dino He - MSFT on May 07, 2012 01:50 PM
• • Reply
  

  nilsan

  All-Star

  16822 Points

  3681 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 07:03 AM|LINK

  Buddy it seems that you've overcomplicated things here, just go through below links :

  http://forums.asp.net/t/1022541.aspx/1

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

  I hope it helps!! 

   

  Blog | Get your forum question answered | Microsoft Community Contributor 2011
  
• • Reply
  

  omerdemir

  Member

  271 Points

  528 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 07:14 AM|LINK

  Thank you for reply Nilsan!

  I Preferred this method for adding delay to highligh effect. When user onmouseouting of gridview highlight delayin 1000ms. 

  Can you help me for this ? 

  When page loading everything is working fine. But when checking row (postback) highlight dont work! 

  I tried to register script but did not help. 

  <script>
  function load() {
     //register the handler
     Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
  }
  //this handler will execute after a partial postback
  function EndRequestHandler(){
     //...arbitrary code...
  }
  window.onload = load;
  </script>

  
  
  

• • Reply
  

  nilsan

  All-Star

  16822 Points

  3681 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 07:42 AM|LINK

  http://stackoverflow.com/questions/3429576/highlight-gridview-row-in-update-panel-without-posting-back

  Or user jquery

  http://forums.asp.net/t/1621516.aspx/1

   

  Blog | Get your forum question answered | Microsoft Community Contributor 2011
  
• • Reply
  

  omerdemir

  Member

  271 Points

  528 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 08:32 AM|LINK

  Thank you for reply!

  This codes work good. 

  My gv with templatefield checkbox. and checkbox with oncheckedcahhnged event. when page loading first time evrything is good. But after clicked checkbox javascript stopping work..why?

  thank you in advance

• • Reply
  

  nilsan

  All-Star

  16822 Points

  3681 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 08:43 AM|LINK

  Did any of the provided solution work for you?

  Blog | Get your forum question answered | Microsoft Community Contributor 2011
  
• • Reply
  

  omerdemir

  Member

  271 Points

  528 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 09:00 AM|LINK

  no!

  i added this row to my onrowdatabound event but did not work properly. seems like postback loop. i did not understand. 

  I dont need select event actually. just trigger javascript code. 

  Thanks for time and reply!

  e.Row.Attributes.Add("onmouseover", "onGridViewRowSelected('" + e.Row.RowIndex.ToString() + "');" + ClientScript.GetPostBackClientHyperlink(this.gvMainGrid, "Select$" + e.Row.RowIndex));

  
  
  

• • Reply
  

  omerdemir

  Member

  271 Points

  528 Posts

  Re: JavaScript Function Dont Work After PostBack!

  Apr 30, 2012 12:38 PM|LINK

  Hi

  Removed update panel and worked good. What can i do for work with update panel. 

  Thanks

  ömer