ejGrid with custom context menu item: How to get the target row (i.e. primary key) in contextClick event handler function?

[Thomas Wittwer]

Setup: ejGrid with custom context menu item

How to get the target row (i.e. primary key) in contextClick event handler function?

Please advise.

[Jayaprakash Kamaraj]

Hi Thomas, 

Thank you for contacting Syncfusion support. 

We have achieved your requirement using contextOpen and contextClick event of ejGrid. In contextOpen event, we need to store current target row data in global variable and then we can get the primaryKey value in contextClick event using that gloabal variable. Please refer to the below help document and code example. 

https://help.syncfusion.com/api/js/ejgrid#events:contextclick 

https://help.syncfusion.com/api/js/ejgrid#events:contextopen 

<ej-grid id="Grid" [dataSource]="gridData" [editSettings]="editSettings" (contextOpen)="contextopen($event)" allowSorting="true" (contextClick)="contextclick($event)" [contextMenuSettings]="contextSettings" [toolbarSettings]="toolbarSettings"> 

    <e-columns> 

        <e-column field="EmployeeID" [isPrimaryKey]="true"></e-column> 

        <e-column field="FirstName" [editType]= "editType" [dataSource]="data1" ></e-column> 

        <e-column field="LastName" [allowEditing]="false"></e-column> 

    </e-columns> 

</ej-grid> 

export class GridComponent { 

    public gridData: any; 

       public data1 : any; 

    public pagesize: number; 

       public targetRowData : any; 

       contextopen(e){ 

    this.targetRowData = e.model.currentViewData[e.rowIndex]         

    } 

       contextclick(e){ 

       if(!ej.isNullOrUndefined(this.targetRowData)) 

       console.log(this.targetRowData.EmployeeID); 

       } 

Regards, 

Jayaprakash K. 

 

[Thomas Wittwer]

Thank you for your support.

Regards

Thomas

[Jayaprakash Kamaraj]

Hi Thomas,  

 

Thanks for the update. 

 

Please get back to us if you need any further assistance.   

 

Regards,  

 

Jayaprakash K.