通过对话框组件

时间:2017-06-17 01:00:08

标签: ajax jsf primefaces jsf-2

我在对话框组件中通过zip运行地址查找,以使用地址数据刷新表单。地址对象对所有信息都是正确的,但不会使用适当的信息处理城市和邻域组件。仅加载状态组件

选择组件是相关的,州,城市和社区

页面地址

<h:form id="formEnd">
    <p:panelGrid id="pnlEnderecoID" columns="2" layout="grid" columnClasses="ui-grid-col-2, ui-grid-col-5" styleClass="ui-panelgrid-blank">

        <p:outputLabel value="Cep:"/>
        <p:outputPanel>
            <p:inputText id="iptCepID" value="#{funcionarioBean.endereco.cep}" style="width: 180px;">
                <sgr:onlyNumber/>
            </p:inputText>
            <p:commandLink onclick="PF('cepDLG').show();" process="@this">
                <span class="label label-primary"><i class="fa fa-search"></i></span>
            </p:commandLink>
        </p:outputPanel>

        <p:outputLabel value="Estado:"/>
        <p:selectOneMenu id="selectEstadoID" value="#{funcionarioBean.endereco.bairro.cidade.estado}" converter="omnifaces.SelectItemsConverter">
            <f:selectItem itemLabel="Selecione" itemValue="" noSelectionOption="true"/>
            <f:selectItems value="#{funcionarioBean.listaEstados}" var="obj" itemLabel="#{obj.descricao}" itemValue="#{obj}"/>
            <p:ajax listener="#{funcionarioBean.buscarCidadesPorEstadoSelecionado}" update="selectCidadeID"/>
        </p:selectOneMenu>

        <p:outputLabel value="Cidade:"/>
        <p:selectOneMenu id="selectCidadeID" value="#{funcionarioBean.endereco.bairro.cidade}" converter="omnifaces.SelectItemsConverter">
            <f:selectItem itemLabel="Selecione" itemValue="" noSelectionOption="true"/>
            <f:selectItems value="#{funcionarioBean.listaCidades}" var="obj" itemLabel="#{obj.descricao}" itemValue="#{obj}"/>
            <p:ajax listener="#{funcionarioBean.buscarBairrosPorCidadeSelecionada}" update="selectBairroID"/>
        </p:selectOneMenu>

        <p:outputLabel value="Bairro:"/>
        <p:selectOneMenu id="selectBairroID" value="#{funcionarioBean.endereco.bairro}" converter="omnifaces.SelectItemsConverter">
            <f:selectItem itemLabel="Selecione" itemValue="" noSelectionOption="true"/>
            <f:selectItems value="#{funcionarioBean.listaBairros}" var="obj" itemLabel="#{obj.descricao}" itemValue="#{obj}"/>
        </p:selectOneMenu>

    </p:panelGrid>
</h:form>

<p:dialog header="Pesquisar CEP" widgetVar="cepDLG" modal="true" height="100">
    <h:form id="formDLG">
        <p:inputText id="iptCepWS" placeholder="Digite o CEP" value="#{funcionarioBean.endereco.cep}"/>
        <p:commandButton
                    action="#{funcionarioBean.pesquisaCepComplementaEndereco}"
                    process="@this, iptCepWS"
                    update=":pnlEnderecoID"
                    style="width: 50px;"
                    icon="fa fa-search" oncomplete="PF('cepDLG').hide()"/>
    </h:form>
</p:dialog>

通过Dialog

渲染formEnd后的图像

enter image description here

1 个答案:

答案 0 :(得分:0)

我能够通过在加载表单后加载城市和邻居列表来解决问题。感谢您帮助@Jaqen H'ghar