ComboBox / TreeView in ComboBox

This example shows how to embed RadTreeView in a RadComboBox template.

The example also shows how to set the Text of the ComboBox upon clicking on a TreeNode. Additionally, the Text is stored in the Value of the only ComboBox Item between trackChanges and commitChanges calls, so that it persists across postbacks. On ComboBox load the Text is restored from the Item's Value. This is achieved via JavaScript.

Note: If you wrap the RadComboBox with an AJAX panel and handle the NodeClick server-side event of the RadTreeView, there will be a postback instead of an AJAX postback. This is caused by the fact that the drop down hodling the RTV is detached and is located outside of the wrapping AJAX panel, so it misses the AJAX conversion. You can avoid this limitation by calling comboBox.attachDropDown() right before the RTV postbacks, e.g. in the NodeClicking client-side event handler of the RTV:

    function nodeClicking(sender, args)
    {
        ...

        comboBox.hideDropDown();
        comboBox.attachDropDown();
    }