Lost focus on RadComboBox after change selected index

[Leonid Caceres]

Hi, I'm developing an application and I can't lost the focus on a radcombobox after select an item in the Radcombobox to focus in other control (this example a textbox) by client javascript/jquery code. But in the image attached it seems the focus on both controls. I only want the focus on the textbox.

My code:

<rad:RadComboBox ID="cmbRegDep" Skin="MetroTouch" EnableEmbeddedSkins="true"   ShowDropDownOnTextboxClick="true" MarkFirstMatch="true"
runat="server" Height="400px" Width="100%" DataValueField="depNo" DataTextField="depNo" EmptyMessage="Velg"  OnClientSelectedIndexChanged="onSelectedIndexChanging_cmbDep" 
HighlightTemplatedItems="true" DropDownWidth="300px" OffsetX="0" Filter="Contains"  >
<HeaderTemplate>
<ul>
<li class="col1H">Nr.</li>
<li class="col2H">Beskrivelse</li>
</ul>
</HeaderTemplate>
<ItemTemplate>
<ul>
<li class="col1"><%# DataBinder.Eval(Container.DataItem, "depNo") %></li>
<li class="col2"><%# DataBinder.Eval(Container.DataItem, "depName") %></li>
</ul>
</ItemTemplate>
</rad:RadComboBox>

    <asp:TextBox ID="txtDep" runat="server"></asp:TextBox>

<script type="text/javascript">

    function onSelectedIndexChanging_cmbDep(sender, eventArgs) {
        document.getElementById('<%= txtDep.ClientID%>').focus();

    }
</script>

[Hristo Valyavicharski]

Hi Leonid,

Combo has a collapse animation. Try to put small timeout to wait until it finishes:

function onSelectedIndexChanging_cmbDep(sender, eventArgs) {
    setTimeout(function () {
        document.getElementById('<%= txtDep.ClientID%>').focus();
    }, 100);
}

Regards,
Hristo Valyavicharski
Telerik

[Leonid Caceres]

I've tried with this solution but it's still remaining a class style rcbFocused on the Radcombobox that only dissapear when I click with the mouse in other part of the page. An also the event (OnClientSelectedIndexChanged,OnClientSelectedIndexChanging) seems finish in that moment. Is there a way to change the focus in other control without leave something pending in the RadCombobox?

[Hristo Valyavicharski]

You can remove this css class with jquery:

function onSelectedIndexChanging_cmbDep(sender, args) {
                $telerik.$(sender.get_element()).find('table').removeClass('rcbFocused');
                setTimeout(function () {
                    document.getElementById('<%= txtDep.ClientID%>').focus();
                }, 100);
            }

Regards,
Hristo Valyavicharski
Telerik

[Leonid Caceres]

Thank you for show me how remove the css in the Radcombobox