Como fechar um modalPanel após clique?

Front-end
#1

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.

#2