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

AutoCompleteSeparator prevents update of Text in a databound RadComboBox

5 Answers 79 Views

ComboBox

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

5 Answers, 1 is accepted

answered on 10 Jun 2010, 05:35 PM

Here is the markup (simplified) to reproduce the problem:

    
            <%@ Page Language="vb" EnableEventValidation="false" ValidateRequest="false" AutoEventWireup="false" 
        
              Inherits="MyNamespace.MyPage" CodeFile="MyPage.aspx.vb" Title="Demo" ViewStateEncryptionMode="Never" %> 
        
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
        
            <html> 
        
            <head id="Head1" runat="server">  
        
              <title>demo</title> 
        
            </head> 
        
            <body> 
        
              <form id="Form1" method="post" runat="server">  
        
              <ajax:ScriptManager ID="asm" runat="server" EnablePartialRendering="true" /> 
        
              <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true">  
        
                <AjaxSettings> 
        
                  <telerik:AjaxSetting AjaxControlID="btnReset">  
        
                    <UpdatedControls> 
        
                      <telerik:AjaxUpdatedControl ControlID="ErrorsDiv" /> 
        
                      <telerik:AjaxUpdatedControl ControlID="LookupDiv" /> 
        
                    </UpdatedControls> 
        
                  </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
              </telerik:RadAjaxManager> 
        
              <div id="LookupDiv" runat="server">  
        
                <telerik:RadComboBox ID="RadComboBox1" runat="server" CausesValidation="false" AutoPostBack="false" 
        
                  AutoCompleteSeparator=";" /> 
        
                <asp:Button ID="btnReset" runat="server" Text="Reset" CausesValidation="false" /> 
        
              </div> 
        
              <div id="ErrorsDiv" runat="server">  
        
              </div> 
        
              </form> 
        
            </body> 
        
            </html>

And here is the code-behind:

    
            Option Strict On  
        
            Imports System  
        
            Imports System.Diagnostics  
        
            Imports Telerik.Web.UI  
        
            Namespace MyNamespace
        
              Partial Class MyPage : Inherits Page  
        
                Protected Sub MyPage_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load  
        
                  ErrorsDiv.InnerText = "" 
        
                  If Not Page.IsPostBack Then  
        
                    RadComboBox1.Items.Insert(0, New RadComboBoxItem("0", "0"))  
        
                    RadComboBox1.Items.Insert(1, New RadComboBoxItem("1", "1"))  
        
                  End If  
        
                End Sub  
        
                Protected Sub btnReset_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnReset.Click  
        
                  RadComboBox1.SelectedIndex = 0 
        
                  ErrorsDiv.InnerText = "SelectedValue: " & RadComboBox1.SelectedValue _  
        
                            & ", SelectedIndex: " & RadComboBox1.SelectedIndex.ToString _  
        
                            & ", Text: " & RadComboBox1.Text  
        
                End Sub  
        
              End Class  
        
            End Namespace

Select a value from the drop-down, then click Reset. Although the Reset button changes the SelectedIndex, the Text of the RadComboBox is not changed. When I remove the AutoCompleteSeparator tag, it works as I would expect.
(It may be related to the AjaxSettings.)

answered on 16 Jun 2010, 12:31 PM

Hello Kit West,

Thank you for the sample code provided.
You are right - the Text property is not changed after setting the SelectedIndex of the RadComboBox.

Let me suggest you handle OnClientClick event of the button and clear the RadComboBox selection like this:

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnReset">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ErrorsDiv" />

<telerik:AjaxUpdatedControl ControlID="LookupDiv" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div id="LookupDiv" runat="server">

<telerik:RadComboBox ID="RadComboBox1" runat="server"

CausesValidation="false" AutoPostBack="false" AutoCompleteSeparator=";"/>

<asp:Button ID="btnReset" runat="server" Text="Reset"

CausesValidation="false" OnClick="btnReset_Click"

OnClientClick="OnClientClickHandler()" />

<script type="text/javascript">

function OnClientClickHandler() {

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

combo.clearSelection();

}

</script>

</div>

<div id="ErrorsDiv" runat="server">

</div>

</form>

</body>

I hope this helps.

Best wishes,
Kalina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

AutoCompleteSeparator prevents update of Text in a databound RadComboBox

5 Answers, 1 is accepted