Как я могу получить щелкнутый элемент в методе ajax?

Предположим, код этой страницы:

<h:form prependId="false" id="form">

    <h:selectManyCheckbox id="checkBoxList" value="#{backedBean.lstIdSelectedItems}" layout="pageDirection">
        <f:selectItems value="#{backedBean.lstAvailableItems}" var="item" itemLabel="#{item.label}" itemValue="#{item.value}" />
        <f:ajax listener="#{backedBean.itemClicked}" />
    </h:selectManyCheckbox>

</h:form>

И код сеансового управляемого компонента:

public class BackedBean implements Serializable {
   private List<SelectItem> lstAvailableItems;
   private List<Long> lstIdSelectedItems;

public BackedBean() {
    lstAvailableItems = new ArrayList<SelectItem>();
    lstIdSelectedItems = new ArrayList<Long>();
}

@PostConstruct
private void postConstruct(){
    for (int i = 0; i < 10; i++) {
        SelectItem item = new SelectItem(new Long(i), "CHKID " + i);
        lstAvailableItems.add(item);
    }
}

public void itemClicked(AjaxBehaviorEvent ae){
    HtmlSelectManyCheckbox uiCmp = (HtmlSelectManyCheckbox)ae.getSource();

    // (1) Here I would like to get the ID of the item that has been clicked.

}

В (1) я хотел бы получить идентификатор элемента, на который нажал пользователь. Я вижу в массиве lstIdSelectedItems список идентификаторов всех элементов, выбранных пользователем, но как я могу получить идентификатор элемента, на который нажал пользователь?

Я попытался использовать тег f:attribute внутри selectManyCheckbox, но атрибут отсутствует в карте компонентов, когда метод прослушивателя ajax вызывается в поддерживаемом bean-компоненте. Я использовал это, но не работает:

<h:selectManyCheckbox id="checkBoxList" value="#{backedBean.lstIdSelectedItems}" layout="pageDirection">
    <f:selectItems value="#{backedBean.lstAvailableItems}" var="item" itemLabel="#{item.label}" itemValue="#{item.value}">
        <f:attribute name="clicked" value="#{item.value}" />
    </f:selectItems>
    <f:ajax listener="#{backedBean.itemClicked}" />
</h:selectManyCheckbox>

Есть идеи?

С уважением.


ajax selecteditem jsf-2 selectmanycheckbox
person yersan    schedule 27.12.2012    source источник

Ответы (2)


arrow_upward
12
arrow_downward

Таким образом, вас интересует фактическое изменение значения, а не только новое значение. Введите valueChangeListener, который сравнивает старое значение с новым значением и подготавливает некоторые свойства, которые может перехватить метод прослушивателя ajax.

E.g.

<h:selectManyCheckbox value="#{bean.selectedItems}" valueChangeListener="#{bean.selectedItemsChanged}" converter="javax.faces.Long">
    <f:selectItems value="#{bean.availableItems}" />
    <f:ajax listener="#{bean.itemSelected}" />
</h:selectManyCheckbox>

с участием

private Map<String, Long> availableItems; // +getter
private List<Long> selectedItems; // +getter+setter
private Long selectedItem;
private boolean selectedItemRemoved;

@PostConstruct
public void init() {
    availableItems = new LinkedHashMap<String, Long>();

    for (long i = 0; i < 10; i++) {
        availableItems.put("CHKID " + i, i);
    }
}

public void selectedItemsChanged(ValueChangeEvent event) {
    List<Long> oldValue = (List<Long>) event.getOldValue();
    List<Long> newValue = (List<Long>) event.getNewValue();

    if (oldValue == null) {
        oldValue = Collections.emptyList();
    }

    if (oldValue.size() > newValue.size()) {
        oldValue = new ArrayList<Long>(oldValue);
        oldValue.removeAll(newValue);
        selectedItem = oldValue.iterator().next();
        selectedItemRemoved = true;
    }
    else {
        newValue = new ArrayList<Long>(newValue);
        newValue.removeAll(oldValue);
        selectedItem = newValue.iterator().next();
        selectedItemRemoved = false;
    }
}

public void itemSelected(AjaxBehaviorEvent event) {
    System.out.println("Selected item: " + selectedItem);
    System.out.println("Selected item removed? " + selectedItemRemoved);
}
person BalusC    schedule 27.12.2012

arrow_upward
0
arrow_downward

Когда в списке "selectedItems" вы сняли флажок с конечного элемента, код не вызывает метод itemSelected.

person env    schedule 16.03.2017
comment
Ответ на этот бриф относится к комментариям к ОП... обратите также внимание, что этот вопрос был задан четыре года назад и на него был принят (и исчерпывающий) ответ. - person kwishnu; 17.03.2017