This is a migrated thread and some comments may be shown as answers.

RadButton OnClick event won't fire

14 Answers 979 Views

Button

This is a migrated thread and some comments may be shown as answers.

Andrew asked on 19 May 2011, 04:59 PM

Ok, so I have a RadButton on a page and in the code-behind all that happens is a simple change of the selected view of a RadMultiPage. The problem is that the code never executes. I have no idea what is going on and can't figure out why the button won't work. I have another page that does the same thing and the button works fine, but on this page nothing happens. I click the button and it just goes back to the top of the page like you would see for an <a href="#"></a> tag. Any ideas?

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="UserInfo.aspx.cs" Inherits="DADCA.Web.Member.UserInfo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

Dayton Defense - View My Info

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="server">

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">

<telerik:RadAjaxManager ID="RadAjaxManager" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="editButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="UserInfoMultiPage" LoadingPanelID="win7LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="saveButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="UserInfoMultiPage" LoadingPanelID="win7LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="cancelButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="UserInfoMultiPage" LoadingPanelID="win7LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="win7LoadingPanel" runat="server" Skin="Windows7" />

<telerik:RadMultiPage ID="UserInfoMultiPage" runat="server" Width="100%" >

<telerik:RadPageView ID="viewInfo" runat="server" Selected="true">

<table width="100%">

<tr>

<td width="28%" align="left">

<h1>View My Information</h1>

</td>

<td colspan="2" align="right" valign="middle">

<telerik:RadButton ID="editButton" runat="server" Text="Edit My Information" Skin="Windows7" OnClick="editButton_OnClick" AutoPostBack="true" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td colspan="3" align="center">

<h3><asp:Label ID="messageLabel" runat="server" /></h3>

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Pre Name:</h3>

</td>

<td width="2%"> </td>

<td valign="top">

<asp:Label ID="pre_name_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>First Name:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="first_name_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Last Name:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="last_name_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Address:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="address_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Address Line 2 (Optional):</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="address_linetwo_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>City:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="city_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>State:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="state_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Zip:</h3>

</td>

<td width="2%"> </td>

<td valign="top">

<asp:Label ID="zip_label" runat="server" /> - <asp:Label ID="zip4_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Phone:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="phone_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Extension:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="extension_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Fax:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="fax_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>E-mail Address:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:Label ID="email_label" runat="server" />

</td>

</tr>

<tr><td> </td></tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="editView" runat="server">

<table width="100%">

<tr>

<td width="28%" align="left">

<h1>Edit My Information</h1>

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td colspan="3" align="center">

<h3><asp:Label ID="errorLabel" runat="server" /></h3>

</td>

</tr>

<tr>

<td width="28%"> </td>

<td colspan="2">

<asp:ValidationSummary ID="my_info_vSummary" runat="server" ForeColor="Red" HeaderText="User Information could not be updated. Please correct the following errors and try again:" ShowSummary="true" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="pre_name_validator" runat="server" ControlToValidate="pre_name_textbox" ErrorMessage="Pre Name Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

Pre Name:</h3>

</td>

<td width="2%"> </td>

<td valign="top">

<telerik:RadTextBox ID="pre_name_textbox" runat="server" Width="300px" Skin="Windows7" />

<telerik:RadToolTip ID="pre_name_tooltip" runat="server" EnableShadow="true" RelativeTo="Element" TargetControlID="pre_name_textbox" Text="(Mr., Ms., Mrs., etc...)" VisibleOnPageLoad="false" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="first_name_validator" runat="server" ControlToValidate="first_name_textbox" ErrorMessage="First Name Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

First Name:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="first_name_textbox" runat="server" Width="300px" Skin="Windows7" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="last_name_validator" runat="server" ControlToValidate="last_name_textbox" ErrorMessage="Last Name Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

Last Name:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="last_name_textbox" runat="server" Width="300px" Skin="Windows7" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="address_validator" runat="server" ControlToValidate="address_textbox" ErrorMessage="Address Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

Address:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="address_textbox" runat="server" Width="300px" Skin="Windows7" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Address Line 2 (Optional):</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="address_linetwo_textbox" runat="server" Width="300px" Skin="Windows7" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="city_validator" runat="server" ControlToValidate="city_textbox" ErrorMessage="City Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

City:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="city_textbox" runat="server" Width="300px" Skin="Windows7" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:CustomValidator ID="state_custom_validator" runat="server" ClientValidationFunction="validateCombo" ControlToValidate="state_combobox" ErrorMessage="State Is Required" ><span style="color: Red;">*</span></asp:CustomValidator>

State:</h3>

</td>

<td width="2%"> </td>

<td>

<asp:HiddenField ID="state_hidden" runat="server" />

<telerik:RadComboBox ID="state_combobox" runat="server" Skin="Windows7" MaxHeight="200px">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Choose" />

<telerik:RadComboBoxItem runat="server" Value="AL" Text="Alabama" />

<telerik:RadComboBoxItem runat="server" Value="AK" Text="Alaska" />

<telerik:RadComboBoxItem runat="server" Value="AZ" Text="Arizona" />

<telerik:RadComboBoxItem runat="server" Value="AR" Text="Arkansas" />

<telerik:RadComboBoxItem runat="server" Value="CA" Text="California" />

<telerik:RadComboBoxItem runat="server" Value="CO" Text="Colorado" />

<telerik:RadComboBoxItem runat="server" Value="CT" Text="Connecticut" />

<telerik:RadComboBoxItem runat="server" Value="DC" Text="District of Columbia" />

<telerik:RadComboBoxItem runat="server" Value="DE" Text="Delaware" />

<telerik:RadComboBoxItem runat="server" Value="FL" Text="Florida" />

<telerik:RadComboBoxItem runat="server" Value="GA" Text="Georgia" />

<telerik:RadComboBoxItem runat="server" Value="HI" Text="Hawaii" />

<telerik:RadComboBoxItem runat="server" Value="ID" Text="Idaho" />

<telerik:RadComboBoxItem runat="server" Value="IL" Text="Illinois" />

<telerik:RadComboBoxItem runat="server" Value="IN" Text="Indiana" />

<telerik:RadComboBoxItem runat="server" Value="IA" Text="Iowa" />

<telerik:RadComboBoxItem runat="server" Value="KS" Text="Kansas" />

<telerik:RadComboBoxItem runat="server" Value="KY" Text="Kentucky" />

<telerik:RadComboBoxItem runat="server" Value="LA" Text="Louisiana" />

<telerik:RadComboBoxItem runat="server" Value="ME" Text="Maine" />

<telerik:RadComboBoxItem runat="server" Value="MD" Text="Maryland" />

<telerik:RadComboBoxItem runat="server" Value="MA" Text="Massachusetts" />

<telerik:RadComboBoxItem runat="server" Value="MI" Text="Michigan" />

<telerik:RadComboBoxItem runat="server" Value="MN" Text="Minnesota" />

<telerik:RadComboBoxItem runat="server" Value="MS" Text="Mississippi" />

<telerik:RadComboBoxItem runat="server" Value="MO" Text="Missouri" />

<telerik:RadComboBoxItem runat="server" Value="MT" Text="Montana" />

<telerik:RadComboBoxItem runat="server" Value="NE" Text="Nebraska" />

<telerik:RadComboBoxItem runat="server" Value="NV" Text="Nevada" />

<telerik:RadComboBoxItem runat="server" Value="NH" Text="New Hampshire" />

<telerik:RadComboBoxItem runat="server" Value="NJ" Text="New Jersey" />

<telerik:RadComboBoxItem runat="server" Value="NM" Text="New Mexico" />

<telerik:RadComboBoxItem runat="server" Value="NY" Text="New York" />

<telerik:RadComboBoxItem runat="server" Value="NC" Text="North Carolina" />

<telerik:RadComboBoxItem runat="server" Value="ND" Text="North Dakota" />

<telerik:RadComboBoxItem runat="server" Value="OH" Text="Ohio" />

<telerik:RadComboBoxItem runat="server" Value="OK" Text="Oklahoma" />

<telerik:RadComboBoxItem runat="server" Value="OR" Text="Oregon" />

<telerik:RadComboBoxItem runat="server" Value="PA" Text="Pennsylvania" />

<telerik:RadComboBoxItem runat="server" Value="RI" Text="Rhode Island" />

<telerik:RadComboBoxItem runat="server" Value="SC" Text="South Carolina" />

<telerik:RadComboBoxItem runat="server" Value="SD" Text="South Dakota" />

<telerik:RadComboBoxItem runat="server" Value="TN" Text="Tennessee" />

<telerik:RadComboBoxItem runat="server" Value="TX" Text="Texas" />

<telerik:RadComboBoxItem runat="server" Value="UT" Text="Utah" />

<telerik:RadComboBoxItem runat="server" Value="VT" Text="Vermont" />

<telerik:RadComboBoxItem runat="server" Value="VA" Text="Virginia" />

<telerik:RadComboBoxItem runat="server" Value="WA" Text="Washington" />

<telerik:RadComboBoxItem runat="server" Value="WV" Text="West Virginia" />

<telerik:RadComboBoxItem runat="server" Value="WI" Text="Wisconsin" />

<telerik:RadComboBoxItem runat="server" Value="WY" Text="Wyoming" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="zip_validator" runat="server" ControlToValidate="zip_textbox" ErrorMessage="Zip Code Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

Zip:</h3>

</td>

<td width="2%"> </td>

<td valign="top">

<telerik:RadTextBox ID="zip_textbox" runat="server" Width="100px" Skin="Windows7" /> - <telerik:RadTextBox ID="zip4_textbox" runat="server" Width="50px" Skin="Windows7" />

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="phone_validator" runat="server" ControlToValidate="phone_textbox" ErrorMessage="Phone Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

Phone:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="phone_textbox" runat="server" Width="150px" Skin="Windows7" Format="{0:(999) 999-9999}"/>

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Extension:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="extension_textbox" runat="server" Width="75px" Skin="Windows7"/>

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3>Fax:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="fax_textbox" runat="server" Width="150px" Skin="Windows7"/>

</td>

</tr>

<tr><td> </td></tr>

<tr>

<td width="28%" align="right">

<h3><asp:RequiredFieldValidator ID="email_validator" runat="server" ControlToValidate="email_textbox" ErrorMessage="E-mail Address Is Required"><span style="color: Red;">*</span></asp:RequiredFieldValidator>

E-mail Address:</h3>

</td>

<td width="2%"> </td>

<td>

<telerik:RadTextBox ID="email_textbox" runat="server" Width="300px" Skin="Windows7" />

</td>

</tr>

<tr><td> </td></tr>

</table>

<table width="100%">

<tr>

<td width="48%" align="right">

<telerik:RadButton ID="saveButton" runat="server" Text="Update" OnClick="saveButton_OnClick" Skin="Windows7" />

</td>

<td width="5%"> </td>

<td width="47%" align="left">

<telerik:RadButton ID="cancelButton" runat="server" Text="Cancel" OnClick="cancelButton_OnClick" Skin="Windows7" />

</td>

</tr>

</table>

<telerik:RadCodeBlock ID="RadCodeBlock" runat="server">

<script type="text/javascript">

function pageLoad() {

var combo = $find("<%= state_combobox.ClientID %>");

var item = combo.findItemByValue(document.getElementById("<%= state_hidden.ClientID %>").value);

item.select();

}

function validateCombo(source, args) {

args.IsValid = false;

var combo = $find("<%= state_combobox.ClientID %>");

var text = combo.get_text();

if (text.length < 1) {

args.IsValid = false;

}

else {

var node = combo.findItemByText(text);

if (node) {

var value = node.get_value();

if (value.length > 0) {

args.IsValid = true;

}

else {

args.IsValid = false;

}

</script>

</telerik:RadCodeBlock>

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Content>

My code behind is pretty simple, not really anything going on, if you think you need to see it to solve the issue just let me know.

14 Answers, 1 is accepted

answered on 26 Feb 2013, 12:34 PM

Hi Guys,

In deed there is an issue in Q1 2013 with the Server-side OnClick event and Client-side validation of RadButton when its ValidationGroup property is set. It will be fixed in the upcoming Q1 2013 SP1 as well as in the next internal builds.

For the time being you can use the workaround from this sticky thread.

Please apologies us for the caused inconvenience.

All the best,
Danail Vasilev
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

answered on 27 Feb 2013, 07:37 PM

In using the solution on the stricky note it works for sure when a RadButton is present. However, when I put the code in my Master Page to allow it work on all my pages that have the RadButton I get an error which says "0x800a138f - Microsoft JScript runtime error: Unable to get value of the property 'prototype': object is null or undefined" when a page that uses the master page does not contain a RadButton. What I had to do was add the following if statement to accommodate this.

if (Telerik.Web.UI.RadButton != null) {

answered on 26 Apr 2013, 05:06 PM

Hello David,

Could you confirm that you have successfully upgraded your version of RadControls to the latest one? You can check that by right clicking on your page and then select ViewPageSource. Then you can look for a comment tag '<!--', where is located the current version of RadControls.

You can also check whether your project is referring the telerik dlls from the proper location. For example it might be possible that the latest dll files are put inside the bin folder of your project, but the project is set to load an outdated ones from the GAC.

I have created a short video here, that demonstrated how to check the above.

If your issue, however, is reproduced with the latest official version of RadControls (version 2013.1.403 or 2013.1.417 ), could you please open a support ticket and send us a fully runnable sample with reproduction steps of the issue, so we can make an investigation further?

Kind regards,
Danail Vasilev
the Telerik team

answered on 05 Sep 2013, 05:03 PM

Hello Matt,

When it comes to the available internal builds, we do not recommend using them for a production deployment. You could use them for testing or, by exception, for critical issue fixes.

I would suggest you to upgrade to the latest version of RadControls and try to reproduce the described problem. If the unexpected behavior occurs, it would be appreciated if you could open a primary support ticket with attached fully runnable sample project, that isolates the problem. In this way we could investigate this behavior locally and provide you a further assistance.

Regards,
Ianko
Telerik

answered on 01 Oct 2013, 12:25 PM

Hi there.

I just upgraded to version Q2 2013 because some customers couldn't click "Next" in a multiview webshop using Internet Explorer 10.
After upgrading the button now works BUT the validation does not. Not very good if your invoice address is empty and the customer doesn't notice.
I noticed a hack but that was for Q1, and it didn't work using my old version.

Another thing, if I try your example from http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultcs.aspx I can't even click the button using IE 10. Chrome and Firefox works fine. Just FYI.

Regards

answered on 04 Oct 2013, 10:20 AM

Validation-Demo.zip

Hi Andrew,

I tried to reproduce the problem with the online demo, but to no avail. Please review the attached video and let me know if I am missing something of importance.

Currently I can only make assumptions on why the implemented validation fails. It would be helpful if you could provide more details about:

The used logic for the validation;
Are there any JavaScript errors thrown in the browser's dev toolbar?
Under which browser the problem is occurred?

Also you could provide a simple locally runnable project, so that I could investigate the problem.

Regards,

Ianko
Telerik