имитировать OnClick событие primefaces

Question

списка выбора

Я знаю, что primefaces PickList только Alows событие передачи как

<p:ajax event="transfer" listener="#{bean.onTransfer}" /> 

Но я искал onTargetSelected события. Есть ли способ имитировать это?

Я думал о функции JQuery, связанной с событием click, но я не знаю, на каком элементе. Я видел, что, когда я выбираю строку в целевом списке, класс li преобразуется в u-state-highlight. Есть ли способ обнаружить изменение класса с помощью JQuery?

Чтобы вызвать метод bean-компонента, когда событие будет запущено, я подумал о том, что directfaces remoteCommand отправит идентификатор моего объекта.

У вас есть идея об этом мероприятии?

Примечание: Я видел, что есть выбор с целевыми значениями в исходном коде, но выбранное значение «выбрано» для каждого элемента, и я не знаю, что с этим связано.

Спасибо за помощь

Answer 1

У меня есть трюк. Я использую эту функцию JQuery:

$(document).ready(function(){ 
    $('.ui-picklist-target .ui-picklist-item td').click(function() { 
     var id = $(this).closest("li").attr("data-item-value"); 
     $('[id$=selectedItemId]').val(id); // Setting the value of my hidden input 
     updateSelectedTarget(); // Calling the remoteCommand function 
    }); 
}); 

я добавил это к моему Xhtml странице

<h:form> 
    ... 
    <p:pickList ...> 

    </p:pickList> 

    <h:inputHidden id="selectedItemId" value="#{modifierUOBean.selectedTargetId}"/> 
    <p:remoteCommand name="updateSelectedTarget" actionListener="#{modifierUOBean.onSelectedTarget}"/> 
</h:form> 

И боба:

private int selectedTargetId; // and getters and setters 

public void onSelectedTarget() { 
    // Do what you want with selectedTargetId which contains the id of selected item 
}