[Solved] Add Context Menu from Javascript

[Chinna]

hi ,
        Is it possible to Enable / disable  Context menu items on tree view item right click from Javascript.


Thanks,

Vinod


            

[Philippe GRACA]

This is a great question
Any proposal?

[Veselin Vasilev]

Hi guys,

You can easily use the disable() method of the context menu item.

Here is a simple example:

<script type="text/javascript">
function OnClientContextMenuShowingHandler(sender, eventArgs)
{
    var node = eventArgs.get_node();
    var menu = eventArgs.get_menu();

    if ( node.get_category() == "Folder" )
    {
        menu.get_items().getItem(1).disable();
        menu.get_items().getItem(0).enable();
    }
    else
    {
        menu.get_items().getItem(0).disable();
        menu.get_items().getItem(1).enable();
    }
}
</script>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadTreeView ID="RadTreeView1"
            OnClientContextMenuShowing="OnClientContextMenuShowingHandler"
            runat="server">
            <Nodes>
                <telerik:RadTreeNode runat="server" Text="C:\Windows" Category="Folder">
                    <Nodes>
                        <telerik:RadTreeNode runat="server" Text="winhelp.exe" Category="File">
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
                <telerik:RadTreeNode runat="server" Text="C:\Temp" Category="Folder">
                </telerik:RadTreeNode>
            </Nodes>
            <ContextMenus>
                <telerik:RadTreeViewContextMenu runat="Server">
                    <Items>
                        <telerik:RadMenuItem Text="New Folder"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="New File"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Copy"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Paste"></telerik:RadMenuItem>
                    </Items>
                </telerik:RadTreeViewContextMenu>
            </ContextMenus>
        </telerik:RadTreeView>
    </div>
    </form>

I hope this will get you started.

Greetings,
Veskoni
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center