小编Gab*_*sta的帖子

如何在DataTable中使用带有命令和参数的Primeng Menu?

Primeng 的 MenuItem 有一个名为 command 的参数,该参数是单击其项目时要执行的函数。https://www.primefaces.org/primeng/#/steps 中提供了一个使用此示例以向用户提供反馈。

command: (event: any) => {
                this.activeIndex = 0;
                this.msgs.length = 0;
                this.msgs.push({severity:'info', summary:'First Step', detail: event.item.label});
            }
Run Code Online (Sandbox Code Playgroud)

但是,我想像这样使用 MenuItem 作为我的 Primeng DataTable 的列。

在此处输入图片说明

为此,我需要以这种方式使用我的菜单:

<p-column>
  <ng-template let-item="rowData"
      <p-menu #menu popup="popup" [model]="items"></p-menu>
      <button type="button" pButton icon="fa fa-list" label="Show" (click)="menu.toggle($event)"></button>
  </ng-template>
</p-column>
Run Code Online (Sandbox Code Playgroud)

获取“项目”和我点击的行以及其他类型的数据。

使用按钮我可以通过 onClick 传递项目和其他数据,但为此我需要为每个按钮创建一列。为了解决我想使用来自primeng的MenuItem的Menu。

问题是我找不到任何通过 MenuItem 中的命令传递参数的示例,而且我找不到方法来做到这一点。

如何使用带有 DataTable 的 MenuItem 来实现?

如果这是不可能的,我怎样才能实现相同的结果?

primeng angular primeng-datatable

7
推荐指数
3
解决办法
2万
查看次数

标签 统计

angular ×1

primeng ×1

primeng-datatable ×1