How to add a ContextMenu item dynamically

[Big Q]

Hello telerik team,
I want to implement such a function: When right click different element , add different contextmenu item to the bottom of original menu items and can fire some costomer method when clicking it.

For Example:
Now, I have two elements, the one is <input type='text'> , another is <input type='radio'> ,  when right click the first one, add a menu item called "Edit textbox" to the contextmenu, when click it, run the customer function "OpenTextEditWindow",  and the second one is similar with the first one. How should I do?

I am looking forward to your reply

                                                                                                                                                                            alexzchen

[Rumen]

Hi Big Q,

You can create your own custom context menu using the oncontextmenu event of RadEditor:

<script type="text/javascript">
function CallContextMenu(editor)
{
    editor.attachEventHandler ("oncontextmenu", function (e)
    {
        var oSelection = editor.getSelectedElement();
        if(oSelection.tagName == "IMG")
        {
            if (oSelection.getAttribute("custom") == "custom")
            {
                alert("the selected element className is " + oSelection.className);
                alert("the 'e' argument returns the mouse position " + e);
                alert("get a reference to the editor's body " + editor.get_document().body);
                alert("the selected element is " + oSelection.tagName);
                $telerik.cancelRawEvent(e);
                return false; //disable the browser's context menu
            }
        }
    });
}
</script>

<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="CallContextMenu">
  <Content>
    <img src="test.jpg" custom="custom" class=".customImage"/>
  </Content>
</telerik:RadEditor>

Kind regards,
Rumen
the Telerik team

[Big Q]

Hi Telerik Team,
Thanks very much for your reply. your code helps a lot, but it seems the action is different from what i want, when right click special custom control,I want a new RadContextMenu item can be added to the original menu and shown to user, and then click the new added menu item, it can fire some function. please see my sample attach image.

By the way,refer to the code you give me, should I have to add a extra context menu control to page, and show it with the argument "e" to determine the position?

[Rumen]

Hi Big Q,

I believe that the following code library could be helpful for your scenario: Changing context menu programmatically client-side.

Greetings,
Rumen
the Telerik team