Context menu to get the row item

[deepender87]

Hi
I am using context menu as a component and this component is being used in a mat table. In mat table it is being rendered for each of the row.

Issue is if I handle the click even in the context menu component using the onclick method subscription and emit and output from it. In my parent component (Mat table) when i listen this output, this gets triggered multiple times ( based on number of rows).

If I simply subscribe this event in mat table component itself, then I am not sure how to get the row data information for which i have selected the context menu item. In my case my context menu items are Delete and Download. I should know what row I am performing the action.
Can you please fix this or tell me if any work around is there?

[betojsx]

Hi, coincidentally I'm facing the same issue right now. Came here to create a new issue but find yours.
Here's a screenshot illustrating whats happening:

Waiting for others to drop a answer

[jhonattan-santos]

I was have the same problem, but I solved this built a map including items into my object of array, ex.:
Into my TS file I have:

/// Filter click
this.nbMenuService
      .onItemClick()
      .pipe(
        filter(({ tag }) => {
          return tag.indexOf('quick-action-menu') > -1;
        }),
        map(({ item }) => item)
      )
      .subscribe((item: any) => {
        switch (item.title) {
          case 'Edit User': {
            this.dispatch(item.value);
          }
        }
      });

this.arrOfUsers.map(
    user =>
      (user.items = [
        { title: `Edit User`, value: user, icon: `edit-outline` },
        { title: `Cancel`, click: this.close(), icon: `slash-outline` },
      ])
  );

My open menu function is:

open(index) { // I received the user clicked from HTML by ngFor index
    this.contextMenu.items = this.arrOfUsers[index].items;  // Get items from users at right index
    this.contextMenu.rebuild(); // Change state of menu
    this.contextMenu.show();
    return false;
  }

On HTML I use the code below

<div *ngFor user of arrOfUsers; index as  i>
    <ion-item
      lines="full"
      [nbContextMenu]="user.items"
      nbContextMenuTrigger="noop"
      nbContextMenuTag="quick-action-menu-{{i}}"
      (contextmenu)="open(i)"
    >
     <h4>{{user.name}}</h4>   
   </ion-item>
</div>

I hope I've helped =)

[katebatura]

Hi! If I understood correctly, you need to know which context menu was clicked. Then you can add a unique tag to the menu via nbContextMenuTag input. Something like @Wezss (thanks!) did here:
nbContextMenuTag="quick-action-menu-{{i}}"
Then in the onItemClick subscription use the tag property to determine which menu were clicked.

If it's not the case, could you please add a stackblitz to illustrate your issue?