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

Disabling ContextMenu via javascript

3 Answers 77 Views

Editor

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

Michael Pullella asked on 05 Apr 2010, 05:04 PM

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?

3 Answers, 1 is accepted

answered on 06 Apr 2010, 10:27 AM

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.

answered on 07 Apr 2010, 01:10 PM

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";