[CLOSED] How to enable browser right click context menu on specific controls?

[vadym.f]

Hi,

I have the following code preventing a native right-click context menu on the entire document:

    <ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="X">
        <Listeners>
            <DocumentReady Handler="
                                    Ext.get(window.document).on('contextmenu', function (e) {
                                                        e.preventDefault();
                                                        return false;
                                                    });" />
        </Listeners>
    </ext:ResourceManager>

How can I re-enable this behavior, preferably in the same block of code, for specific controls like TextArea?

[Daniil]

Hi,

Probably, replacing

Ext.get(window.document)

with

TextArea.getEl()

[vadym.f]

Hi,

Probably, replacing

Ext.get(window.document)

with

TextArea.getEl()

Sorry, I didn't follow. If I place the call to

                                    TextArea1.getEl().on('contextmenu', function (e) {
                                                                                    e.preventDefault();
                                                                                    return false;
                                                                               }
                                    );

instead of my initial code block, it doesn't do what I need because that makes context menu available everywhere except the TextArea. I need to re-enable the right-click context menu for the TextArea control disabling it elsewhere.

[Daniil]

Ok, I misunderstood the requirement.

Then you need to analyze

e.getTarget()

to ensure the event doesn't occur in a TextArea.

[vadym.f]

Thanks! I used this check to disable the context menu everywhere except TextAreas:

if(e.getTarget().type!='textarea'){
      e.preventDefault();
      return false;
}

Wish I could find something more elegant like

if(e.getTarget() instanceof Ext.net.TextArea)

but it seems to be unavailable.

[Daniil]

Well, this

e.getTarget()

just return a DOM object, it knows nothing about JavaScript classes.

Commonly, the following thing is used in such cases:

Ext.fly(e.getTarget()).hasClass('x-form-textarea');

Just a note - there is no Ext.net.TextArea class in Ext.NET. It is named Ext.form.TextArea.

[vadym.f]

Thanks for the clarification Daniil! You can mark this thread as closed.