I have a simple form with a radcombobox and textbox.When I selectan item from the combobox the textbox should be updated with selected combobox item.I have placed a ajax loading panel in my form and configured the ajax manager as below.
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadComboBox1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadTextBox1"
LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="Button1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1"
LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
But when I select the combo Item the textbox become invisible.Is there any problem in my ajax configuration.The whole code below
Please suggest a solution.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadComboBox1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadTextBox1"
LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="Button1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1"
LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<asp:Panel ID="Panel1" runat="server">
<table style="width: 100%;">
<tr>
<td>
<telerik:RadComboBox ID="RadComboBox1" Runat="server" AutoPostBack="True"
CausesValidation="False"
onselectedindexchanged="RadComboBox1_SelectedIndexChanged">
<Items>
<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1"
Value="RadComboBoxItem1" />
<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2"
Value="RadComboBoxItem2" />
</Items>
</telerik:RadComboBox>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<telerik:RadTextBox ID="RadTextBox1" Runat="server">
</telerik:RadTextBox>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</asp:Panel>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
Width="75px" Skin="Vista">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
style="border: 0px;" />
</telerik:RadAjaxLoadingPanel>
</div>
</form>
</body>
</html>
5 Answers, 1 is accepted
0
Hi Sree,
I am sending you a simple runnable application that demonstrates the needed approach. Give it a try and let me know if you have other questions or problems.
Regards,
Pavlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
I am sending you a simple runnable application that demonstrates the needed approach. Give it a try and let me know if you have other questions or problems.
Regards,
Pavlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Sree
Top achievements
Rank 1
Rank 1
answered on 26 May 2009, 03:12 PM
Hi Pavlina
The sample you have given working perfectly.But now I have another issue.I have included a requiredfield validator and a validation summary for the textbox.The validation should work on the button click.But if I change the dropdown(ie if postback occurs)and click the button the validator message box displayed multiple times.ie If I change dropdown three times the validator messagebox will displayed on button click three time.Please help me.The whole code is given below
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadComboBox1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadComboBox1" LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadTextBox1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="Button1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<asp:Panel ID="Panel1" runat="server">
<table style="width: 100%;">
<tr>
<td>
<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="True" CausesValidation="False"
OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">
<Items>
<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />
<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />
</Items>
</telerik:RadComboBox>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<telerik:RadTextBox ID="RadTextBox1" runat="server">
</telerik:RadTextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="RadTextBox1" Display="None"
ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<asp:ValidationSummary ID="ValidationSummary1" runat="server"
ShowMessageBox="True" ShowSummary="False" />
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</asp:Panel>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
Width="75px" Skin="Vista">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
style="border: 0px;" />
</telerik:RadAjaxLoadingPanel>
</div>
</form>
</body>
</html>
The sample you have given working perfectly.But now I have another issue.I have included a requiredfield validator and a validation summary for the textbox.The validation should work on the button click.But if I change the dropdown(ie if postback occurs)and click the button the validator message box displayed multiple times.ie If I change dropdown three times the validator messagebox will displayed on button click three time.Please help me.The whole code is given below
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadComboBox1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadComboBox1" LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadTextBox1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="Button1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<asp:Panel ID="Panel1" runat="server">
<table style="width: 100%;">
<tr>
<td>
<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="True" CausesValidation="False"
OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">
<Items>
<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />
<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />
</Items>
</telerik:RadComboBox>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<telerik:RadTextBox ID="RadTextBox1" runat="server">
</telerik:RadTextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="RadTextBox1" Display="None"
ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<asp:ValidationSummary ID="ValidationSummary1" runat="server"
ShowMessageBox="True" ShowSummary="False" />
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</asp:Panel>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
Width="75px" Skin="Vista">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
style="border: 0px;" />
</telerik:RadAjaxLoadingPanel>
</div>
</form>
</body>
</html>
0
Hello Sree,
RadInput supports client and server-side ASP.NET validation. For more information about how to use RequiredFieldValidator, RangeValidator and RegularExpressionValudator with RadTextBox, refer to the following articles:
Input/Validation
Validation - help topic
All you need to do is set the ControlToValidate property of your validator to point to the respective input instance.
I hope this information helps.
All the best,
Pavlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
RadInput supports client and server-side ASP.NET validation. For more information about how to use RequiredFieldValidator, RangeValidator and RegularExpressionValudator with RadTextBox, refer to the following articles:
Input/Validation
Validation - help topic
All you need to do is set the ControlToValidate property of your validator to point to the respective input instance.
I hope this information helps.
All the best,
Pavlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Sree
Top achievements
Rank 1
Rank 1
answered on 27 May 2009, 01:23 PM
Hi Pavlina
I have gone through the whole documentation .But I could not found a solution to my problem.Please help me.The problem still exists with the validation summary message box.
I have gone through the whole documentation .But I could not found a solution to my problem.Please help me.The problem still exists with the validation summary message box.
0
Hi Sree,
At this point in order to progress in the resolution of this matter I will ask you to open a formal support ticket and send us a simple runnable application that demonstrates this erroneous behavior. Thus I could do all my best to help you further in resolving it.
Best wishes,
Pavlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
At this point in order to progress in the resolution of this matter I will ask you to open a formal support ticket and send us a simple runnable application that demonstrates this erroneous behavior. Thus I could do all my best to help you further in resolving it.
Best wishes,
Pavlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.