如何在javascript中获取Primefaces选项列表转换事件的项目

Question

如primefaces showcase中所述，我们可以轻松地从支持bean中的转移事件中获取项目。但是我需要javascript函数中的项目，因为我需要在每个项目转移到目标后添加一个css类。

这是我的xhtml：

 <p:pickList id="PojoPickList" value="#{pickListView.themes}" var="theme" effect="bounce"
                    itemValue="#{theme}" itemLabel="#{theme.displayName}" showSourceControls="true" showTargetControls="true" showCheckbox="true" responsive="true"
                    showSourceFilter="true" showTargetFilter="true" filterMatchMode="contains" converter="theme">    
    ...
      <p:ajax event="transfer" oncomplete="onTransfer(event);" />
    ...

和javascript函数：

function onTransfer(event) {
    console.log(event);
}

但事件未定义。谢谢。

Answer 1

我可以通过覆盖primeface的picklist.js中的fireTransferEvent函数来解决问题。在这个例子中，我添加了我需要的css类。现在，这些项目将在转移到目标列表后获得css。