selectonemenu внутри таблицы в jsf2 - PullRequest
Новая
       10

selectonemenu внутри таблицы в jsf2

6 голосов
/ 24 февраля 2011

У меня есть таблица с 2 компонентами selectOneMenu.

Мне бы хотелось, чтобы после того, как в первом компоненте selectOneMenu была выбрана запись, она обновит другой файл selectOneMenu с помощью Ajax в той же строке.

Мой стол: 

<p:dataTable value="#{myBean.myInfo}" var="myInfo">
    <p:column>
        <f:facet name="header">Group</f:facet>
        <h:selectOneMenu value="#{myInfo.myInfoType.code}">
            <f:selectItems value="#{myBean.myList}" />
            <f:ajax event="change" execute="@this" listener="#{myBean.refershNames}" render="myNames"/>
        </h:selectOneMenu>
    </p:column>
    <p:column>
        <f:facet name="header">Name</f:facet>
        <h:selectOneMenu id="myNames" value="#{myInfo.myInfoType.secondCode}">
            <f:selectItems value="#{myBean.mySecondList}" />
        </h:selectOneMenu>
    </p:column>
<p:dataTable>

В бобе у меня есть: 

List<SelectItem> myList,mySecondList;

public void refershNames(AjaxBehaviorEvent event){
    //how can I retrieve the selected item and update the relevant record?
}

Как я могу сделать это с Ajax? Я использую JSF2

Ответы [ 2 ]

6 голосов
/ 24 февраля 2011

Оберните значение данных в DataModel<E>, чтобы получить объект myInfo, о котором идет речь, DataModel#getRowData(). Таким образом, 

DataModel<MyInfo> myInfoModel; // +getter

@PostConstruct
public void init() {
    myInfo = myInfoDAO.list();
    myInfoModel = new ListDataModel<MyInfo>(myInfo);
}

с 

<h:dataTable value="#{myBean.myInfoModel}" var="myInfo">

и 

public void refreshNames(AjaxBehaviorEvent event){
    MyInfo myInfo = myInfoModel.getRowData();
    // Get code and update secondCode.
}

Обновление в соответствии с комментариями, вот тестовый пример, который я создал после того, как вы сказали, что он не работает. У меня это работало с Mojarra 2.0.3 на Tomcat 7.0.5 и Glassfish 3.0.1.

com.example.Item

public class Item {

    private String value1;
    private String value2;

    // Generate public getters/setters.    
}

com.example.Bean

@ManagedBean
@ViewScoped
public class Bean {

    private List<Item> items;
    private DataModel<Item> model;
    private List<String> list;

    @PostConstruct
    public void init() {
        items = Arrays.asList(new Item(), new Item(), new Item());
        model = new ListDataModel<Item>(items);
        list = Arrays.asList("one", "two", "three");
    }

    public void change(AjaxBehaviorEvent e) {
        Item item = model.getRowData();
        item.setValue2(item.getValue1());
    }

    public DataModel<Item> getModel() {
        return model;
    }

    public List<String> getList() {
        return list;
    }

}

test.xhtml

<h:form>
    <h:dataTable value="#{bean.model}" var="item">
        <h:column>
            <h:selectOneMenu value="#{item.value1}">
                <f:selectItem itemLabel="select..." itemValue="#{null}" />
                <f:selectItems value="#{bean.list}" />
                <f:ajax execute="@this" listener="#{bean.change}" render="list2" />
            </h:selectOneMenu>
        </h:column>
        <h:column>
            <h:selectOneMenu id="list2" value="#{item.value2}">
                <f:selectItem itemLabel="select..." itemValue="#{null}" />
                <f:selectItems value="#{bean.list}" />
            </h:selectOneMenu>
        </h:column>
    </h:dataTable>
</h:form>

Этот тестовый пример доказывает, что всякий раз, когда вы меняете значение раскрывающегося списка в 1-м столбце, значение раскрывающегося списка во 2-м столбце в той же строке будет отражено для получения того же значения.

1 голос
/ 29 апреля 2011

У меня была такая же проблема, и после многих проб и ошибок это сработало для меня 

<p:column style="width:50%">
                    <f:facet name="header">
                        <h:outputText value="Criteria" />
                    </f:facet>
                    <h:selectOneMenu value="#{option.predefinedMessageId}"
                        valueChangeListener="#{predefinedMessageBean.predefinedMessageChangeListener}">
                        <f:selectItems
                            value="#{campaignRecipientCriteriaBean.messages}"
                            var="predef" itemLabel="#{predef.fieldName}"
                            itemValue="#{predef.predefinedMessageId}" />
                            <p:ajax event="change" update="optionsList"/>

                    </h:selectOneMenu>
                </p:column>


                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Options" />
                    </f:facet>
                    <p:outputPanel id="optionsList">
                    <h:selectOneMenu
                        value="#{option.predefinedMessageOptionId}">
                        <f:selectItems
                            value="#{predefinedMessageBean.emptyOptionBeansList}"
                            var="predef" itemLabel="#{predef.optionCaption}"
                            itemValue="#{predef.predefinedMessageOptionId}" />

                    </h:selectOneMenu>
                    </p:outputPanel>
                </p:column>

значение заменяющего агента составляет 

public void predefinedMessageChangeListener(ValueChangeEvent e)
{

        getPredefinedMessageOptions(Integer.parseInt(e.getNewValue().toString()));


}

Это просто и отлично работает для меня, так как сообщение, которое я выбираю в первом столбце, обновляет параметры во втором столбце, и оно выполняется через ajax. Но опять же, я все еще учусь, и многие из моих знаний о jsf взяты из материала из блога @BalusC :), поэтому, если у этого подхода есть некоторые недостатки, пожалуйста, сообщите мне.

...