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

[Solved] Using RadTreeView as combo dropdown

1 Answer 113 Views

ComboBox

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

Pedro Gomes asked on 09 May 2009, 01:19 PM

I'm having a problem with using a RadTreeView as combo Dropdow.
I can't find a way to let the user unselect a node. I'm using the folowing script. The combo shows the empty text, but the tree node does not get unselected.

function OnClientNodeClickingHandler(sender, eventArgs) {

var combo = $find('COMBO_ID');

var tree = $find('TREE_ID');

var node = eventArgs.get_node();

if (node.get_selected()) {

tree.trackChanges();

node.unselect();

tree.commitChanges();

combo.set_text(combo.get_emptyMessage());

combo.trackChanges();

combo.get_items().getItem(0).set_value('');

} else {

combo.set_text(node.get_text());

combo.trackChanges();

combo.get_items().getItem(0).set_value(node.get_value());

}

combo.commitChanges();

combo.hideDropDown();

window.event.cancelBubble = true;

}

1 Answer, 1 is accepted

answered on 11 May 2009, 01:32 PM

Hi Pedro,

OnClientNodeClicking event of RadTreeView fires just before the node is clicked, so you unselect it, but after that it actually is selected again, so in order to avoid this you should use set_cancel() method to prevent the clicking:

    
            if (node.get_selected()) {  
        
                tree.trackChanges();  
        
                node.unselect();  
        
                tree.commitChanges();  
        
                combo.set_text(combo.get_emptyMessage());  
        
                combo.trackChanges();  
        
                combo.get_items().getItem(0).set_value('');  
        
                eventArgs.set_cancel(true);   
        
             }

Hope this helps.

Best wishes,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.