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

AutoCompleteBox problem with Single Selection Mode and Text Input Type

10 Answers 417 Views

AutoCompleteBox

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

Jason asked on 03 Oct 2013, 06:33 PM

Hi, I am using the AutoCompleteBox with the following configuration:

<telerik:RadAutoCompleteBox runat="server" ID="Recipient_RadAutoCompleteBox" AllowCustomEntry="true" TextSettings-SelectionMode="Single" Width="200px" DataSourceID="Recipient_SqlDataSource" DataTextField="Name" InputType="Text">

</telerik:RadAutoCompleteBox >

Everything works fine if the user types an entry that is not in the list, or if the user selects an item from the list and then hits the "Tab" or "Enter" key. The problem I'm having occurs when the user arrows down the list to highlight an entry or types in the same text as an existing entry, and then uses the mouse to put the focus on another field on the page. When that happens, the text shows in the AutoCompleteBox correctly, but on the server side there are no entries added to the Control and the .Text property is also empty. Please help.

10 Answers, 1 is accepted

answered on 04 Oct 2013, 07:25 AM

Hi Jason,

Please have a look into the following code snippet that I tried to access the selected Item of RadAutoCompleteBox on RadButton OnClick event. I am not able to replicate the issue for me it is working fine.

ASPX:

<telerik:RadAutoCompleteBox runat="server" ID="Recipient_RadAutoCompleteBox" AllowCustomEntry="true"

TextSettings-SelectionMode="Single" Width="200px" DataSourceID="SqlDataSource1"

DataTextField="ContactName" InputType="Text">

</telerik:RadAutoCompleteBox>

<telerik:RadButton ID="RadButton1" runat="server" AutoPostBack="true" Text="CheckValue"

OnClick="RadButton1_Click">

</telerik:RadButton>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"

SelectCommand="SELECT [ContactName] FROM [Customers]">

</asp:SqlDataSource>

C#:

protected void RadButton1_Click(object sender, EventArgs e)

{

string value = Recipient_RadAutoCompleteBox.Text;

}

Please provide your full code if it doesn't help you.
Thanks,
Shinu.

answered on 07 Oct 2013, 07:56 PM

Here is a test page that I setup to demonstrate the issue. Please test it multiple times in different browsers because it does work correctly sometimes:

ASPX:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="Deliverables_test" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>test</title>

</head>

<body>

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

<div>

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

<telerik:RadAutoCompleteBox runat="server" ID="test_RadAutoCompleteBox" AllowCustomEntry="true" TextSettings-SelectionMode="Single" Width="200px" InputType="Text"

DataSourceID="test_SqlDataSource" DataTextField="Name">

</telerik:RadAutoCompleteBox >

<asp:SqlDataSource ID="test_SqlDataSource" runat="server"

SelectCommand="Select Distinct C.ContactID, (C.FirstName + ' ' + C.LastName) as Name

from Contact C"

ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>" />

<asp:Button ID="Submit_Button" runat="server" Text="Test" />

<br /><br />

Selected: <asp:Label ID="result_Label" runat="server"></asp:Label>

</div>

</form>

</body>

</html>

VB.NET:

Partial Class Deliverables_test

Inherits System.Web.UI.Page

Protected Sub Submit_Button_Click(sender As Object, e As EventArgs) Handles Submit_Button.Click

result_Label.Text = test_RadAutoCompleteBox.Text

End Sub

End Class

answered on 08 Oct 2013, 11:25 AM

AutoCompleteBoxEntry.zip

Hello Jason,

I tried to replicate the described behavior, but to no avail. I had prepared a sample project, base on the provided implementation. As suggested, I had tested several times the behavior, under different browser, but I am afraid that the result was the same - not replicated. Would you also give it a try at your end and let is know if I had missed something. It would be helpful, if you could record a video(using Jing), demonstrating the issue.

Regards,
Nencho
Telerik

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 the blog feed now.

answered on 28 Oct 2013, 08:50 AM

Hi,

The original issue that Jason explained about mousing out of the AutoCompleteBox and the entries being empty has now been resolved, and the working version will be available in our next internal build, as well as the upcoming ServicePack.

As for your issue Mari, it seems to be a different one, so I suggest you open a support ticket and attach a sample project that we can inspect in order to troubleshoot it.

Regards,
Bozhidar
Telerik

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

AutoCompleteBox problem with Single Selection Mode and Text Input Type

10 Answers, 1 is accepted