Show context Menu on click

[Laurent]

Hi,

I am trying to adapt the issue : https://www.syncfusion.com/forums/153298/show-context-menu-on-click,  (which is in Angular) in Asp.Net Core. But I can't.

I have exactly the same need with custom context menu.

Can you provide me the code example?

Thanks,

Laurent

[Manivel Sellamuthu]

Hi Laurent, 

Greetings from Syncfusion support. 

We have shared a code example based on your requirement. Please refer the below code example and sample for more information. 

 

@{ 

 

    List<object> commands = new List<object>(); 

    commands.Add(new { buttonOption = new { iconCss = "e-icons e-conmenu", cssClass = "e-flat" } }); 

} 

 

<div> 

    <ejs-grid id="Grid" commandClick="commandClick" dataSource="ViewBag.DataSource" allowSorting="true" allowExcelExport="true"  

allowPdfExport="true"  

contextMenuItems="@(new List<object>() { "AutoFit", "AutoFitAll", "SortAscending",  

"SortDescending","Copy", "Edit", "Delete", "Save", "Cancel","PdfExport", "ExcelExport", "CsvExport",  

"FirstPage", "PrevPage","LastPage", "NextPage"})" allowPaging="true"> 

        <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true"></e-grid-editSettings> 

        <e-grid-columns> 

. . . 

           <e-grid-column headerText="Commands" width="150" commands="commands"></e-grid-column> 

        </e-grid-columns> 

    </ejs-grid> 

</div> 

 

<script> 

    function commandClick(args) { 

        if (args.target.querySelector('.e-conmenu')) { 

           this.contextMenuModule.contextMenu.openMenu(null, null, event.pageY, event.pageX, event); 

            } 

            } 

</script> 

 

<style> 

    .e-grid .e-conmenu::before { 

        content: '\e984'; 

    } 

</style> 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/153298-contextmenu-onclick-171433314.zip 

Please let us know, if you need further assistance. 

Regards, 

Manivel 

[Laurent]

Thanks a lot. It works perfectly fine.

Best regards,

[Manivel Sellamuthu]

Hi Laurent, 

Thanks for your update. 

We are glad to hear that the provided solution helped resolve your query. 

Please let us know, if you need further assistance. 

Regards, 

Manivel