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 来实现?
如果这是不可能的,我怎样才能实现相同的结果?