Close Control After Selection

[Billy]

I am after similair functionality as this demo example for combobox:

http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/treeviewcombobox/defaultcs.aspx?product=combobox

Is there anyway to close the control after a selection has been made after the first level in the tree?

[Billy]

I found out I could use

    function onEntryAdded(sender, eventArgs) {
        sender.closeDropDown();
        $(".rddtInner").removeClass("rddtFocused");
}

However, this stops the OnEntryAdded postback event from working correctly.

I also removed the rddtFocused class because closing the dropdown still looked clicked.

[Peter Filipov]

Hi Billy,

We are going to expose such functionality out of the box for the upcoming release - Q2.2013.

Regards,
Peter Filipov
the Telerik team

[robert]

Hi. Do you have a planned release date or a temporary fix for this issue?

Thank you!

[Peter Filipov]

Hi Robert,

As a temporary solution you could use the following approach. Handle the OnClientEntryAdded and close the drop down after a certain time.

function OnClientEntryAdded(sender, args) {
    setTimeout(function () { sender.closeDropDown(); }, 200);
}

Regards,
Peter Filipov
the Telerik team

[Curtis]

Hello, was this functionality ever added out of the box to the control?

We too would like it to auto-close after selecting an item in the tree.

[Peter Filipov]

Hi Curtis,

The desired functionality is in our TODO list. As soon as we could we are going to introduce that feature.

Regards,
Peter Filipov
Telerik

[Tarang]

We are using 2013.2.717.40 (July 17 2013) release. Still this feature is missing. Any idea when it will be available??

[Peter Filipov]

Hi Tarang,

I am afraid that I could not give you an exact time frame when the feature will be available. Until then you could use provided sample code as a temporary solution.

Regards,
Peter Filipov
Telerik

[César]

Hi,

I am also looking for this functionality. I've tried the workarounds that you are suggesting, like :

setTimeout(function () { sender.closeDropDown(); }, 200);

Or

sender.closeDropDown();


And they work ok with the mouse, but not with the Keybard, as each arrow press is raising this event as well, so it breaks the accessibility of the control.
Please have this point into account when implementing this feature.
Thanks

[Peter Filipov]

Hi César,

The feature is in a development phase. It is going to work as you expected. For now it is not possible to workaround it.

Regards,
Peter Filipov
Telerik