PrimeNG多选选择和取消选择值

Question

我们如何知道primeNG中是选择还是选择了值/对象。

https://www.primefaces.org/primeng/#/multiselect

    onChange    event.originalEvent: browser event
    event.value: Current selected values
    event.itemValue: Toggled item value

event.value始终返回所选值的最新数组 event.itemValue返回选定/未选定的值

我在文档中发现了这三个事件，在调试中我没有找到任何选择和取消选择属性。

任何帮助将不胜感激。

谢谢 PG

Answer 1

尽管很长一段时间以来我一直在回答这个问题，但这可能会帮助其他人。

event.value：当前选定值数组

event.itemValue：切换项目值

要确定复选框是选中还是取消选中，只需检查event.itemValue是否存在于event.value数组中。

如果在数组中找到，则将其选中，否则将被取消选中。

@谢谢

Answer 2

var checked = false;
if (event.value.map((a) => a.id == event.itemValue.id).length == 1) {
    checked = true;
}