JavaScript Function Dont Work After PostBack!

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>

Re: JavaScript Function Dont Work After PostBack!

where are you calling these functions?

Re: JavaScript Function Dont Work After PostBack!

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);");
            
        }

        
    }

Re: JavaScript Function Dont Work After PostBack!

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!!

Re: JavaScript Function Dont Work After PostBack!

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>

Re: JavaScript Function Dont Work After PostBack!

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

Re: JavaScript Function Dont Work After PostBack!

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

Re: JavaScript Function Dont Work After PostBack!

Did any of the provided solution work for you?

Re: JavaScript Function Dont Work After PostBack!

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));

Re: JavaScript Function Dont Work After PostBack!

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

Thanks

ömer

Re: JavaScript Function Dont Work After PostBack!

resolved.

for people who looking for this answer:

// assign control to javascript variable in aspx page.
function getSomeControlId() {
            var someControlId = '<%= gvAll.ClientID %>';

            return someControlId;
        }
// Register Script in PageLoad c#.

System.Text.StringBuilder sb = new System.Text.StringBuilder();
  sb.Append(@" <script type='text/javascript' >");
sb.Append(@" gridViewCtl = document.getElementById(getSomeControlId());}"); //IMPORTANT
...

....
        sb.Append(@"  </script>");

ScriptManager.RegisterStartupScript(this, this.GetType(), "sb", sb.ToString(), false);