RadCombobox Auto Complete is not working

[Rajiv Prashant]

Hi,

    I am using Rad Combobox . on Clicking on the Radcombox Autocomplete results are displaying and tab navigation autocomplete results are not displaying.

following is the code :

<

 

span class="">

 

 

<telerik:RadComboBox ID="ddlBusinessInd" runat="server" Width="110px" AutoPostBack="True"

 

 

OnSelectedIndexChanged="ddlBusinessInd_SelectedIndexChanged1" Filter="Contains" DropDownWidth ="200px"

 

 

MarkFirstMatch="True" meta:resourcekey="ddlBusinessIndResource1">

 

 

</telerik:RadComboBox>

 

 

</span>

 

 

<telerik:RadComboBox ID="ddlBusCategory" runat="server" Width="110px" Filter="Contains" NoWrap ="true" DropDownWidth ="200px"

 

 

MarkFirstMatch="True" meta:resourcekey="ddlBusCategoryResource1">

 

 

</telerik:RadComboBox>

 

 

<span class="fsMargin">

 

 

<telerik:RadComboBox ID="ddlCountry" runat="server" Width="110px" Filter="Contains" NoWrap ="true" DropDownWidth ="200px"

 

 

MarkFirstMatch="True" meta:resourcekey="ddlCountryResource1">

 

 

</telerik:RadComboBox>

 

 

</span>


And in the above Code  ddlBusinessInd And ddlBusCategory and Depends each other :

When i select Industries from the Combobox i am getting Followin Error : 
    htmlfile: Could not complete the operation due to error 800a025e.

Please Provide the Solution.

 

[Simon]

Hello Rajiv Prashant,

I was unable to reproduce this error in our demos and in this one specifically.

Could you please clarify what do you mean by "tab navigation autocomplete results are not displaying"? Which version of the Telerik.Web.UI assembly are you using?

Sincerely yours,
Simon
the Telerik team

[Rajiv Prashant]

Hi,

 I have 3 Rad Combo Boxes in my Page . For all 3 Rad Combo Boxes Fileter Option is Set "Contains" . When i Click Individual Combox Boxes and Typing Character then Matched Characters are highlighting in Drop down  .Refer Image 01

But  on Tab Navigation matched Characters are Not Displaying  . Refer Image 02.

We are Using  Verion :  2010.1.519.35

Thanks .

[Sathya]

any updates on this ? how did u fix it ?

[Simon]

Hello Rajiv,

This is the normal behavior - an Item is not automatically selected if you tab out of the input during filtering. Can you please explain what you expect to happen when you press Tab?

Regards,
Simon
the Telerik team

[Rajiv Prashant]

Hi,

    Thanks For Replying.

On Tab Navigation also i need auto complete  text if user type characters.

[Simon]

Hi Rajiv Prashant,

You can set the MarkFirstMatch property to true in this case - it will give you the required functionality.

I hope this helps.

All the best,
Simon
the Telerik team

[Rajiv Prashant]

Hi,

I used that property  please check below code.

<

 

span class="">

 

 

<telerik:RadComboBox ID="ddlBusinessInd" runat="server" Width="110px" AutoPostBack="True"

 

 

OnSelectedIndexChanged="ddlBusinessInd_SelectedIndexChanged1" Filter="Contains"

 

 

MarkFirstMatch="true" >

 

 

</telerik:RadComboBox>

 

 

</span>

 

 

<telerik:RadComboBox ID="ddlBusCategory" runat="server" Width="110px" Filter="Contains"

 

 

MarkFirstMatch="true" ></telerik:RadComboBox>

 

 

<span class="fsMargin">

 

 

<telerik:RadComboBox ID="ddlCountry" runat="server" Width="110px" Filter="Contains"

 

 

MarkFirstMatch="true" >

 

 

</telerik:RadComboBox>

 

 

</span>

 

[Simon]

Hello Rajiv Prashant,

It seems that the behavior of RadComboBox is incorrect in this case - it should select the highlighted Item, not the first matching with a 'starts with' filter.

You can work around this by handling the client-side KeyPressing event in this way:

function onKeyPressing(sender, eventArgs) {
    var e = eventArgs.get_domEvent();
    var keyCode = e.keyCode || e.which;

    if (keyCode == 9) {
        var item = sender.get_highlightedItem();
        if (item) setTimeout(function () { item.select(); });
    }
}

I updated your Telerik points for finding and reporting this. We will fix it in the next versions of RCB.

All the best,
Simon
the Telerik team

[Bieters Bieters]

Hello, this javascript code works well but it disables the behaviour of the tab itself.
The control can't lose focus after this script with the tab.
Any fix for this?
Thanks.

[Simon]

Hello Bieters Bieters,

In this case you will need to manually focus the next control in the tab order manually. You can do this in the function that selects the Item.

I hope this helps.

Kind regards,
Simon
the Telerik team