update panels and javascript?

[HockeyFan]

We have an update panel that has a gridview with checkboxes and other
items in each row. We went to the RowCreated event in the codebehind,
to set an attribute on a checkbox in each row, to execute a particular
javascript function (client-side). THis is supposed to work. I've
done it hundreds of times otherwise, but never in an update panel
(until now).
It doesn't work. I put an alert in the top of my javascript function,
and it never is executed. I made sure that script debugging was
enabled (or rather, not disabled). I get no error either on setting
the attribute, or when I click the check boxes on any of the rows in
the gridview.

So, how do people set up controls within an update panel, to execute
client-side code?

[IfThenElse]

In your browser View Source and see if you are getting your JavaScript
right.
This is how I do it and most of the time my View Source tells me what is
wrong in my JavaScript.

Make sure your ClientID(s) are correct.
There might be syntax errors in your JavaScript

Also set you Browser to always report JavaScript errors, you will be
surprised how many web pages out there with JavaScript errors that
programmers fail to see because there browser set up to NOT show errors.

"HockeyFan" <le**********@gmail.comwrote in message
news:11*********************@q3g2000prf.googlegrou ps.com...

We have an update panel that has a gridview with checkboxes and other
items in each row. We went to the RowCreated event in the codebehind,
to set an attribute on a checkbox in each row, to execute a particular
javascript function (client-side). THis is supposed to work. I've
done it hundreds of times otherwise, but never in an update panel
(until now).
It doesn't work. I put an alert in the top of my javascript function,
and it never is executed. I made sure that script debugging was
enabled (or rather, not disabled). I get no error either on setting
the attribute, or when I click the check boxes on any of the rows in
the gridview.

So, how do people set up controls within an update panel, to execute
client-side code?

[bruce barker]

the update panel does not support client events tied to the control via
html. this is becuase the browser doesnot support it: ex:

div.innerHTML = "<button onclick='doClick()'>click me</button>";

the onclick event handler will not be hooker, nor will inline script work:
div.innerHTML = "<script>alert('hi')</script>";

you will need to attach the onclick event via javascript the updatepanel
will run afterwards. using

ScriptManager.GetCurrent(Page).RegisterClientScrip tBlock(Page,this.GetType(),"key1",
"$get('mycontrolid').onclick=doclick;",
true);

in this case, the script is sent down and the updatepanel code will do
an eval() of it.

of course in your case, you need to add one for for each row. the
databind would be handy for this, or your client script could walk the
dom and add the events.

-- bruce (sqlwork.com)


HockeyFan wrote:

We have an update panel that has a gridview with checkboxes and other
items in each row. We went to the RowCreated event in the codebehind,
to set an attribute on a checkbox in each row, to execute a particular
javascript function (client-side). THis is supposed to work. I've
done it hundreds of times otherwise, but never in an update panel
(until now).
It doesn't work. I put an alert in the top of my javascript function,
and it never is executed. I made sure that script debugging was
enabled (or rather, not disabled). I get no error either on setting
the attribute, or when I click the check boxes on any of the rows in
the gridview.

So, how do people set up controls within an update panel, to execute
client-side code?

[IfThenElse]

Bruce,

good job,

can you use
ClientScript.RegisterClientScriptBlock( etc......)

what does ScriptManager.GetCurrent(Page). mean?

Thank u

"bruce barker" <no****@nospam.comwrote in message
news:%2****************@TK2MSFTNGP04.phx.gbl...

the update panel does not support client events tied to the control via
html. this is becuase the browser doesnot support it: ex:

div.innerHTML = "<button onclick='doClick()'>click me</button>";

the onclick event handler will not be hooker, nor will inline script work:
div.innerHTML = "<script>alert('hi')</script>";

you will need to attach the onclick event via javascript the updatepanel
will run afterwards. using

ScriptManager.GetCurrent(Page).RegisterClientScrip tBlock(Page,this.GetType(),"key1",
"$get('mycontrolid').onclick=doclick;",
true);

in this case, the script is sent down and the updatepanel code will do an
eval() of it.

of course in your case, you need to add one for for each row. the databind
would be handy for this, or your client script could walk the dom and add
the events.

-- bruce (sqlwork.com)


HockeyFan wrote:

>We have an update panel that has a gridview with checkboxes and other
items in each row. We went to the RowCreated event in the codebehind,
to set an attribute on a checkbox in each row, to execute a particular
javascript function (client-side). THis is supposed to work. I've
done it hundreds of times otherwise, but never in an update panel
(until now).
It doesn't work. I put an alert in the top of my javascript function,
and it never is executed. I made sure that script debugging was
enabled (or rather, not disabled). I get no error either on setting
the attribute, or when I click the check boxes on any of the rows in
the gridview.

So, how do people set up controls within an update panel, to execute
client-side code?

[bruce barker]

just to confuse things there are two client managers.

Page.ClientScript is the builtin one for asp.net

ScriptManager is the new ajax script manager used to output script for
the ajax controls and the update panel. scriptmanager is an ajax control
you place on the page to make it ajax enabled.

ScriptManger.GetCurrent(Page)

searches the page for the actual scriptmanger control placed on the
page, so you don't need the name. handy inside of ajax aware control you
write.

script registered with the ClientScript, will not work with an async
postback via the update panel, you must use the ajax control. it actualy
includes the response payload, and client script on the page does an
eval of it.

-- bruce (sqlwork.com)

IfThenElse wrote:

Bruce,

good job,

can you use
ClientScript.RegisterClientScriptBlock( etc......)

what does ScriptManager.GetCurrent(Page). mean?

Thank u

"bruce barker" <no****@nospam.comwrote in message
news:%2****************@TK2MSFTNGP04.phx.gbl...

>the update panel does not support client events tied to the control via
html. this is becuase the browser doesnot support it: ex:

div.innerHTML = "<button onclick='doClick()'>click me</button>";

the onclick event handler will not be hooker, nor will inline script work:
div.innerHTML = "<script>alert('hi')</script>";

you will need to attach the onclick event via javascript the updatepanel
will run afterwards. using

ScriptManager.GetCurrent(Page).RegisterClientScri ptBlock(Page,this.GetType(),"key1",
"$get('mycontrolid').onclick=doclick;",
true);

in this case, the script is sent down and the updatepanel code will do an
eval() of it.

of course in your case, you need to add one for for each row. the databind
would be handy for this, or your client script could walk the dom and add
the events.

-- bruce (sqlwork.com)


HockeyFan wrote:

>>We have an update panel that has a gridview with checkboxes and other
items in each row. We went to the RowCreated event in the codebehind,
to set an attribute on a checkbox in each row, to execute a particular
javascript function (client-side). THis is supposed to work. I've
done it hundreds of times otherwise, but never in an update panel
(until now).
It doesn't work. I put an alert in the top of my javascript function,
and it never is executed. I made sure that script debugging was
enabled (or rather, not disabled). I get no error either on setting
the attribute, or when I click the check boxes on any of the rows in
the gridview.

So, how do people set up controls within an update panel, to execute
client-side code?

[IfThenElse]

Bruce,

Excellent, Thank you for taking the time to explain,

well done.
"bruce barker" <no****@nospam.comwrote in message
news:OR**************@TK2MSFTNGP05.phx.gbl...

just to confuse things there are two client managers.

Page.ClientScript is the builtin one for asp.net

ScriptManager is the new ajax script manager used to output script for the
ajax controls and the update panel. scriptmanager is an ajax control you
place on the page to make it ajax enabled.

ScriptManger.GetCurrent(Page)

searches the page for the actual scriptmanger control placed on the page,
so you don't need the name. handy inside of ajax aware control you write.

script registered with the ClientScript, will not work with an async
postback via the update panel, you must use the ajax control. it actualy
includes the response payload, and client script on the page does an eval
of it.

-- bruce (sqlwork.com)

IfThenElse wrote:

>Bruce,

good job,

can you use
ClientScript.RegisterClientScriptBlock( etc......)

what does ScriptManager.GetCurrent(Page). mean?

Thank u

"bruce barker" <no****@nospam.comwrote in message
news:%2****************@TK2MSFTNGP04.phx.gbl...

>>the update panel does not support client events tied to the control via
html. this is becuase the browser doesnot support it: ex:

div.innerHTML = "<button onclick='doClick()'>click me</button>";

the onclick event handler will not be hooker, nor will inline script
work:
div.innerHTML = "<script>alert('hi')</script>";

you will need to attach the onclick event via javascript the updatepanel
will run afterwards. using

ScriptManager.GetCurrent(Page).RegisterClientScr iptBlock(Page,this.GetType(),"key1",
"$get('mycontrolid').onclick=doclick;",
true);

in this case, the script is sent down and the updatepanel code will do
an eval() of it.

of course in your case, you need to add one for for each row. the
databind would be handy for this, or your client script could walk the
dom and add the events.

-- bruce (sqlwork.com)


HockeyFan wrote:
We have an update panel that has a gridview with checkboxes and other
items in each row. We went to the RowCreated event in the codebehind,
to set an attribute on a checkbox in each row, to execute a particular
javascript function (client-side). THis is supposed to work. I've
done it hundreds of times otherwise, but never in an update panel
(until now).
It doesn't work. I put an alert in the top of my javascript function,
and it never is executed. I made sure that script debugging was
enabled (or rather, not disabled). I get no error either on setting
the attribute, or when I click the check boxes on any of the rows in
the gridview.

So, how do people set up controls within an update panel, to execute
client-side code?