Disabling ContextMenu via javascript

[Michael Pullella]

Hi

I have an editor with custom toolbar buttons which I am able to enable / disable via javascript using the following code:

                function OnClientSelectionChange(editor, args) {
                    var enableButton = (editor.getSelection().getText().length > 0) ? 0 : -1;
                    editor.getToolByName("tbiEntity").setState(enableButton);
                        //more buttons are being disbled (not showing for brevity)...
                }

The custom buttons that I am showing in my toolbar are also a custom contextMenu as in:

        <contextMenu forElement="*">
            <tool name="tbiEntity" Text="Entity (Ctrl+Shift+E)" />
<!-- more here -->
        </contextMenu>

The toolbar buttons now only show when the user has selected some text (works great), however, I need to disable / enable the context menus when I am enabllng / disabling my toolbar buttons. 

How do I get a ref to the conextmenu via javascript, and do the contextmenus have a setState property?

[Dobromir]

Hi Michael,

In order to get reference to the context menus via Javascript you can use the client method getContextMenuByTagName(), e.g.:

<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad">
</telerik:RadEditor>

<script type="text/javascript">
    function OnClientLoad(editor, args)
    {
        var imgMenu = editor.getContextMenuByTagName("IMG");

        ....
    }
</script>

I believe the following CodeLibrary and Forum Thread will be helpful.

All the best,
Dobromir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Michael Pullella]

Thank you!  It was very helpful... Almost working perfectly, but I have a followup question.

The code sets the display to "none" which just hides the context menu... Is there a way to set the style to make it look and act disabled?  I was examining how you do it with the toolbar, and it looks like there is a property called "unselectable" which is set to on or off... I am assuming that that is set via the setState method.  It also appears that you are dynamically bulding a grayscale version of whatever icon is displayed in the toolbar... You guys seriously thought about everything :)

Is there a way to do this to the contextMenu? 

I tried this to no avail.

menuItems[i].get_element().parentNode.attributes["unselectable"].value = "on";

 

 

[Dobromir]

Hi Michael,

By design, RadEditor does not provide this functionality. However you can try to manually cancel the click event by attaching a handler and executing $telerik.cancelRawEvent(e);

As an alternate solution to this problem, I would suggest you to replace the A element with a standard DIV element for the disabled ContextMenu item.

All the best,
Dobromir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.