We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Assigning common context menu target by CSS class, need to obtain the control that displayed the context menu

Hi SF,


I have 3 controls (will be hundreds eventually) for which I want to have a common right click menu.

I have assigned a CSS class to the 3 controls ('audited') as follows:

   <SfTextBox ID="@nameof(BusinessUnitModel.Name)" CssClass="audited" ... />

 and set the context menu target as follows:

   <SfContextMenu Target=".audited" ...>

This works and the right click menu is displayed on all 3 controls, however after selecting an item from the menu, the 'Element' property is contains NULL and no indication of the SfTextBox which was right clicked. 

How do I determine which control was right-clicked on?


Thanks


4 Replies

YA YuvanShankar Arunagiri Syncfusion Team January 24, 2023 08:31 AM UTC

Hi JB,


We have checked your reported query, and in the ItemSelected event, we have sent only the context menu ID, not the target element ID. We have prepared the sample based on your requirements. Binding the mouse-down event to the textbox, we can get the context menu opened textbox element id shown below.

<SfTextBox CssClass="audited" @onmousedown='@(e => OnRightClick(e, i))'></SfTextBox>

……………………

private void selectedHandler(MenuEventArgs<MenuItem> args) {

        var SelectedItem = args.Item;

        var textBox = SelectedTextBox;

    }

    private void OnRightClick(MouseEventArgs e, string ID) {

        if (e.Button == 2) {

           SelectedTextBox = ID;

        } }


Please refer to the attached sample code and get back to us if you need any further assistance on this. 


Regards,

YuvanShankar A


Attachment: Index_79a819ac.zip


JB JB January 24, 2023 01:15 PM UTC

Thanks - not an ideal approach since I will have to add that  onmousedown  to every control, but it will suffice.



YA YuvanShankar Arunagiri Syncfusion Team February 2, 2023 06:15 AM UTC

Sorry for the delay, JB.


Confirmed this as an issue and logged a bug report. The fix will be available in our upcoming patch release planned for 15th February 2023.


Feedback link for tracking purpose: https://www.syncfusion.com/feedback/40807/provide-the-target-elements-id-as-parameter-to-opened-onopen-event-of-context-menu


You will be informed regarding this once the fix is published.


Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”



YA YuvanShankar Arunagiri Syncfusion Team February 15, 2023 05:12 AM UTC

JB,


We are glad to announce our weekly patch release (20.4.0.50) is rolled out. We have included the fix for this “Provide the target element's id as parameter to Opened & OnOpen event of context menu” issue in this release. So, we suggest you upgrade our Syncfusion packages to our latest version to resolve this issue in your end. (20.4.0.50).

Feedback link: https://www.syncfusion.com/feedback/40807/provide-the-target-elements-id-as-parameter-to-opened-onopen-event-of-context-menu


Please refer to the below code snippet for getting the target Id.


<SfContextMenu Target=".audited" TValue="MenuItem">

    <MenuItems>

        <MenuItem Text="Cut"></MenuItem>

        <MenuItem Text="Copy"></MenuItem>

        <MenuItem Text="Paste"></MenuItem>

    </MenuItems>

    <MenuEvents TValue="MenuItem" OnOpen="@onOpenHandler" ItemSelected="@selectedHandler"></MenuEvents>

</SfContextMenu>

………

private void onOpenHandler(BeforeOpenCloseMenuEventArgs<MenuItem> e)

    {

        SelectedTextBox = e.TargetId;

    }



Attachment: Index_4e856cc6.zip

Loader.
Live Chat Icon For mobile
Up arrow icon