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

Case Insensitive AutoComplete with AllowCustomText

10 Answers 311 Views

ComboBox

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

Kevin asked on 08 Jun 2011, 05:50 PM

before.png

after.png

I'm having a problem with combobox doing an AutoComplete (ie markfirstmatch="true") when the cases don't match, and there are similar selection values. For example:

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

MarkFirstMatch="True">

<Items>

<telerik:RadComboBoxItem runat="server" />

<telerik:RadComboBoxItem Text="PAY" Value="PAY" />

<telerik:RadComboBoxItem Text="PAYB" Value="PAYB" />

</Items>

</telerik:RadComboBox>

<asp:Button ID="Postback" runat="server" Text="Post" OnClick="Postback_Click" />

<asp:Label ID="Label1" runat="server" Text=""></asp:Label>

protected void Postback_Click(object sender, EventArgs e)

{

Label1.Text = RadComboBox1.Text;

}

When tabbing into the field (not clicking) so that the drop down does not open up, you try to type "PAYB", but in lower case. As you type, the box starts to find "PAY", but then when you type the last "b", the result is "PAYb". It does not find PAYB as expected.

What's even more concerning is that tabbing out and posting back, the combobox's text property is set to "PAY". (See screenshot attachments).

I've tried some possible solutions. I've tried using the Filter property. That works well when the drop down is opened, but when it is closed (ie tabbed into the field), you lose the AutoComplete functionality.

Is this solvable without using some javascript? If not, would doing some javascript to change lowercase to uppercase as the user types work? I'm not very well versed with javascript, so I don't know how that would look.

Thanks for the help!

10 Answers, 1 is accepted

answered on 13 Jun 2011, 03:40 PM

Here's some more information that I've discovered.

I tried using some javascript to solve the problem. My first idea was to change the text from lower to upper case as the user types. I did this by using the OnClientKeyPressing event and checking the window.event.keyCode value. This doesn't work because the keyCode only ever sees the uppercase value (not sure if this is a javascript thing or ComboBox thing).

The next thing I tried was to change the value to upper case on OnClientTextChange. This fails because the javascript only sees the "PAY" value and not the entire "payb" as typed (from previous example).

I'm out of ideas at this point. I've submitted this as a bug in the Issue Tracker.