使用jsf和Ajax更改输入值

时间:2018-07-09 18:30:37

标签: java ajax jsf xhtml

我要显示的内容有问题。基本上,我有一个下拉列表,并且在更改下拉列表中的内容时,我希望页面的某些输入可以自己填写。 这是我要填写的输入之一。我在ajax方法上调用侦听器。 XHTML代码:

<h:outputText value="Version" styleClass="section-label"/>
            <h:inputText id="version" value="#{contextSchemeDetailBean.contextScheme.schemeVersionId}"
                         required="true" maxlength="45"
                         requiredMessage="Please fill out 'Version' field."
                         label="Version" styleClass="section-content input-section">
                <f:validateLength maximum="45"/>
                <p:ajax listener="#{codeListBaseBean.onSelectCodeList}"/>
            </h:inputText>

Java代码使我能够很好地填充那些输入(GetBlablaFromblabla)。

JavaBean代码:

 public void onSelectCodeList(SelectEvent event){
    setSelectedCodeListName(event.getObject().toString());
    System.out.println("Element selectionne :" + event.getObject());
    System.out.println("Agency Id correspondant :" + GetAgencyIdFromCodeListName(event.getObject().toString()));
    System.out.println("Version correspondante :" + GetVersionFromCodeListName(event.getObject().toString()));
    //System.out.println("agency id ="+agencyIdListValueRepository.findOne(GetAgencyIdFromCodeListName(event.getObject().toString())).getAgencyIdListValueId());
    //System.out.println("agency id ===="+getAgencyIdListValues());
    //setAgencyIdListValue(agencyIdListValueRepository.findOne(GetAgencyIdFromCodeListName(event.getObject().toString())));
    System.out.println("=======================================");
   }

现在,我要在下拉列表中选择的每个值更改时将这些值放入输入中。我知道这一定不难,但我对jsf不熟悉。谢谢!

我的下拉列表是这样编码的:

                <h:outputText value="Code List" styleClass="section-label"/>
            <p:autoComplete id="inputCodeList"
                            requiredMessage="Please fill out 'Code List' field."
                            styleClass="section-content input-section"
                            completeMethod="#{codeListBean.completeInput}"
                            dropdown="true" scrollHeight="220"
                            itemValue="#{codeListBaseBean.codeList.listId}">
                <p:ajax event="itemSelect" listener="#{codeListBaseBean.onSelectCodeList}"/>
            </p:autoComplete>

-S

1 个答案:

答案 0 :(得分:1)

您需要在下拉菜单中添加ajax标记,然后使用render更新输入文本字段的值。

<h:form id="myForm">
    <h:selectOneMenu value="#{bean.selectedVal}">
        <f:selectItems value="#{bean.someValues}"/>
        <f:ajax listener="#{bean.selectValueChanged}" render="myForm:inputToBeUpdated"/>
    </h:selectOneMenu>

    <h:inputText id="inputToBeUpdated" value="#{bean.inputTextVal}"/>
</h:form>

String selectedVal;
String inputTextVal;

void selectValueChanged() {
     //set value of the input text
     inputTextVal = "some value";
}