Execute javascript on a DataGrid's LinkButton click?

[Dave]

Hi,

I have a datagrid with a Templated column below. I want to execute some javascript before the postback to show a hidden "div" tag with static message of "Please Wait..." since the query takes a few seconds. The js function simply sets the css style to display.

<asp:TemplateCo lumn>
<ItemTemplate >
<asp:LinkButt on Runat="server" CommandName="Se lect" ID="lbtnCompany Name">
<%# DataBinder.Eval (Container.Data Item, "CompanyName")% >
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateCol umn>

The server side code to add the javascript "onclick" handler to the templated column above...

LinkButton company = (LinkButton)e.I tem.Cells[0].Controls[1];
company.Attribu tes.Add("onclic k", "getCompanyInfo ()");

The resulting HTML for one of the datagrid rows....

<a id="dgCompanyLi st__ctl5_lbtnCo mpanyName" onclick="getCom panyInfo()" href="javascrip t:__doPostBack( 'dgPortfolio$_c tl5$lbtnCompany Name','')">Acme , Inc.</a>

The js function doesn't seem to get called and the postback occurs anyway. The strange thing is if I say "return getCompanyInfo( )" and the function returns false, the message appears but the form submit is cancelled.

Should I execute the js function AFTER the postback is called so it's display until the page is refreshed? If so how do I get it execute after _doPostBack?

Thanks, Dave.

[Joe Fallon]

You can wrap the <asp:LinkButton > in a <span> control that has the
javascript. Use runat=server and Onclick=javascr ipt, I think.
Then when you click the button the javascript runs first.
For example, I have a Delete button and I wrap in a confirm message box.
If the user hits OK then the delete is processed. But if they Cancel, then
it is not.
--
Joe Fallon

"Dave" <Da**@discussio ns.microsoft.co m> wrote in message
news:57******** *************** ***********@mic rosoft.com...

Hi,

I have a datagrid with a Templated column below. I want to execute some javascript before the postback to show a hidden "div" tag with static
message of "Please Wait..." since the query takes a few seconds. The js
function simply sets the css style to display.
<asp:TemplateCo lumn>
<ItemTemplate >
<asp:LinkButt on Runat="server" CommandName="Se lect" ID="lbtnCompany Name">
<%# DataBinder.Eval (Container.Data Item, "CompanyName")% >
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateCol umn>

The server side code to add the javascript "onclick" handler to the templated column above...
LinkButton company = (LinkButton)e.I tem.Cells[0].Controls[1];
company.Attribu tes.Add("onclic k", "getCompanyInfo ()");

The resulting HTML for one of the datagrid rows....

<a id="dgCompanyLi st__ctl5_lbtnCo mpanyName" onclick="getCom panyInfo()" href="javascrip t:__doPostBack( 'dgPortfolio$_c tl5$lbtnCompany Name','')">Acme ,
Inc.</a>
The js function doesn't seem to get called and the postback occurs anyway. The strange thing is if I say "return getCompanyInfo( )" and the function
returns false, the message appears but the form submit is cancelled.
Should I execute the js function AFTER the postback is called so it's display until the page is refreshed? If so how do I get it execute after
_doPostBack?
Thanks, Dave.

[mimi]

You need to have return in onclick event. So the "return getCompanyInfo( )"
is correct, did you check in your js function to make sure there is return
true at the end.
"Joe Fallon" <jf******@nospa mtwcny.rr.com> wrote in message
news:ei******** ******@tk2msftn gp13.phx.gbl...

You can wrap the <asp:LinkButton > in a <span> control that has the
javascript. Use runat=server and Onclick=javascr ipt, I think.
Then when you click the button the javascript runs first.
For example, I have a Delete button and I wrap in a confirm message box.
If the user hits OK then the delete is processed. But if they Cancel, then
it is not.
--
Joe Fallon

"Dave" <Da**@discussio ns.microsoft.co m> wrote in message
news:57******** *************** ***********@mic rosoft.com...

Hi,

I have a datagrid with a Templated column below. I want to execute some javascript before the postback to show a hidden "div" tag with static
message of "Please Wait..." since the query takes a few seconds. The js
function simply sets the css style to display.

<asp:TemplateCo lumn>
<ItemTemplate >
<asp:LinkButt on Runat="server" CommandName="Se lect" ID="lbtnCompany Name"> <%# DataBinder.Eval (Container.Data Item, "CompanyName")% >
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateCol umn>

The server side code to add the javascript "onclick" handler to the

templated column above...

LinkButton company = (LinkButton)e.I tem.Cells[0].Controls[1];
company.Attribu tes.Add("onclic k", "getCompanyInfo ()");

The resulting HTML for one of the datagrid rows....

<a id="dgCompanyLi st__ctl5_lbtnCo mpanyName" onclick="getCom panyInfo()"

href="javascrip t:__doPostBack( 'dgPortfolio$_c tl5$lbtnCompany Name','')">Acme , Inc.</a>

The js function doesn't seem to get called and the postback occurs

anyway. The strange thing is if I say "return getCompanyInfo( )" and the function
returns false, the message appears but the form submit is cancelled.

Should I execute the js function AFTER the postback is called so it's

display until the page is refreshed? If so how do I get it execute after
_doPostBack?

Thanks, Dave.