Question

我尝试使用p-listbox - onDblClick - 事件，但它没有返回选定的列表元素。

相反，事件对象只有此值

Token

HTML

块引用

devDependencies

打字稿

{"originalEvent":{"isTrusted":true}}

参考：https://www.primefaces.org/primeng/#/listbox

更新： -

我选择的桌子＆＃39; JSON对象如下，

<!-- Selected Tables -->
<p-listbox [options]="selectedTables" (onDblClick)="tableListBoxSelectEvent($event)" [listStyle]="{'min-height':'100px','max-height':'100px'}">
    <ng-template let-table pTemplate="item">
        <div class="ui-helper-clearfix">
            <span style="float:left;">{{table.tableLabel}}</span>
        </div>
    </ng-template>
</p-listbox>

Answer 1

这是一个有效的解决方案。查看 plunker ，打印出被点击的所选列表元素：

注意：确保打开开发工具以在双击后查看元素的值。

如果您想打印该值，请执行以下操作：

console.log('this.choosenTable >> ' + JSON.stringify(event.value));

工作解决方案： PLUNKER

<p-listbox [options]="selectedTables" (onDblClick)="tableListBoxSelectEvent($event)" [listStyle]="{'min-height':'100px','max-height':'100px'}">
<ng-template let-table pTemplate="item">
    <div class="ui-helper-clearfix">
        <span style="float:left;">{{table.tableLabel}}</span>
    </div>
</ng-template>
</p-listbox>

Angular5 / PrimeNG - p-listbox - onDblClick - 事件问题

1 个答案: