Boa tarde,
Onde trabalho possuímos um portal de vendas online. A dinâmica é a seguinte: o usuário clica no botão (o que esta destacado em vermelho) e o sistema abre a tela para a escolha do cliente. Atualmente, o usuário deve clicar no botão “selecionar” para que o cliente seja preenchido na tela principal e a tela de escolha do cliente seja fechado.
O que devo fazer agora é permitir que o usuário clique em qualquer lugar da linha (ao invés de ser no botão) e ocorra o mesmo.
No código abaixo, da linha 52 a 54 foi a alteração que fiz. No entanto ocorre o seguinte:
- O usuário clica na linha;
- As informações do cliente são setadas;
- A tela do fundo é atualizada e as informações aparecem.
No entanto, a tela de escolha não é fechada.
O que devo fazer para após o clique, depois de setar os dados, fechar essa janela?
<rich:modalPanel id="panel" width="548" height="345" style="padding: 0 !important; margin: 0 !important;">
<f:facet name="header">
<h:panelGroup>
<h:outputText value="SELECIONE UM CLIENTE"></h:outputText>
</h:panelGroup>
</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:graphicImage value="../imagens/close.png" style="cursor:pointer"
id="hidelink" />
<rich:componentControl for="panel" attachTo="hidelink"
operation="hide" event="onclick" />
</h:panelGroup>
</f:facet>
<a4j:region id="pesquisaCliente">
<div ><span
style="font-size: 10px; margin-bottom: 5px;">EFETUE SUA
BUSCA : ( Max 25 Resultados )</span> <h:form>
<h:inputText id="buscaInputModal"
value="#{filtroGrupo.buscaCliente}"
style="margin-bottom: 5px !important;" />
<a4j:commandButton value="Buscar" image="../imagens/buscar.png">
<a4j:support event="onclick" reRender="forms" />
</a4j:commandButton>
<a4j:status for="pesquisaCliente" id="s1">
<f:facet name="start">
<h:graphicImage value="../img/spinner.gif"
style="margin-left: 5px;" />
</f:facet>
</a4j:status>
</h:form> <br style="clear: left;" />
<div id="modal" style="overflow-y: none;"><h:form id="forms">
<rich:dataTable id="ops2" var="c"
value="#{listaCliente.buscaCliente}"
style="width: 498px !important; border: 0 !important;">
<rich:columnGroup>
<rich:column>#{c.id}</rich:column>
<rich:column>#{c.nome}</rich:column>
<rich:column>#{c.cnpjCpfFormatado}</rich:column>
<rich:column>
<a4j:commandButton id="selectCliente" value="Selecionar"
immediate="true" image="../imagens/btn_selecionar.gif"
action="#{listaCliente.setClientePedido(c.id)}"
reRender="nomeCliente, abra, vendedor, selectTransp, tabela, tipoVenda"
style="width: 85px; height: 19px;">
<rich:componentControl for="panel" attachTo="selectCliente"
operation="hide" event="onclick" />
</a4j:commandButton>
</rich:column>
<a4j:support action="#{listaCliente.setClientePedido(c.id)}"
reRender="nomeCliente, abra, vendedor, selectTransp, tabela, tipoVenda"
for="panel" attachTo="selectCliente" operation="hide" event="onclick"/>
</rich:columnGroup>
</rich:dataTable>
<rich:jQuery selector="#ops2 tr:odd" query="addClass('odd-row')" />
<rich:jQuery selector="#ops2 tr:even" query="addClass('even-row')" />
<rich:jQuery selector="#ops2 tr"
query="mouseover(function(){jQuery(this).addClass('active-row')})" />
<rich:jQuery selector="#ops2 tr"
query="mouseout(function(){jQuery(this).removeClass('active-row')})" />
</h:form></div>
</div>
</a4j:region>
</rich:modalPanel>
Obrigado.