Simular click em javaScript ao atualizar pagina

12 de setembro de 2017 4 respostas

News.Java 12 de setembro de 2017

Boa noite pessoal, estou com dificuldade em simular um click no botão pesquisar quando a pagina jsf for atualizada para que todas as informações possa vim nos campos.

Desde já agradeço.

<p:toolbar style="margin-top: 20px">
			<p:toolbarGroup>
				<p:commandButton value="Pesquisar"
					action="#{pesquisaListaBean.pesquisar}" update="@form" />

			</p:toolbarGroup>
			<p:toolbarGroup align="right">
				<p:button value="Novo" outcome="/listas/CadastroLista" />
			</p:toolbarGroup>
		</p:toolbar>


		<p:panelGrid columns="2" id="painel"
			style="width: 100%; margin-top: 20px" columnClasses="rotulo, campo">

			<p:outputLabel value="Nome do Paciente" for="nomeal" />
			<p:inputText id="nomeal" size="40"
				value="#{pesquisaListaBean.filtro.nome}" />

		</p:panelGrid>

		<p:dataTable id="listasTable"
			value="#{pesquisaListaBean.listasFiltradas}" var="espera"
			style="margin-top: 20px" emptyMessage="Nenhum paciente encontrado."
			border="1" cellpadding="2" cellspacing="0" paginator="true"
			paginatorPosition="bottom" rows="5" rowsPerPageTemplate="5,10,15,20"
			lazy="true">

			<p:column headerText="Nome do Paciente" style="width: 250px;">
				<h:outputText value="#{espera.paciente.nome}" />
			</p:column>
			<p:column headerText="Identificação"
				style="width: 120px; text-align:center">
				<h:outputText value="#{espera.paciente.identificacao}" />
			</p:column>
			<p:column headerText="Telefone"
				style="text-align: center; width: 120px">
				<h:outputText value="#{espera.paciente.telefone}" />
			
			</p:column>
		</p:dataTable>

4 Respostas

Francisco_Chaves 12 de set. de 2017

Olá amigo, você poderia criar um função JavaScript que ao fecha a tela seja disparada.

windows.onunload = function(){

//chama a função do botão

}

link: http://www.igorescobar.com/blog/2010/06/14/javascript-onunload-vs-onbeforeunload/

News.Java 13 de set. de 2017

Fala gente boa, boa noite. Na verdade eu não queria uma função ao fechar a tela e sim quando a pagina carregar/atualizar simulasse um click no botao pesquisar para realizar a pesquisa e mostrar pra os dados em seus devidos campo. Procurei na net alguns codigos mas não funcionou da forma que eu queria.
Entendeu?
Tem outra solução pra isso?
Obrigado

News.Java 13 de set. de 2017

Eu fiz isso aqui… mas os dados só fica na tela preenchidos quando atulizo so depois que clico em pesquisar. Não estou conseguindo que fiz quando entra na pagina pela primeira vez.
<script language=“javascript” type=“text/javascript”>
function atualizar() {
document.getElementById(“botao”).click();

'</script

<ui:define name="corpo">
	<h:form id="frmPesquisa">
		<h1>Pesquisar Lista</h1>

		<p:messages autoUpdate="true" closable="true" />

		<p:toolbar style="margin-top: 20px">
			<p:toolbarGroup>
				<p:commandButton value="Pesquisar"
					action="#{pesquisaListaBean.pesquisar}" id="botao"
					onclick="atualizar" update="@form" />

Francisco_Chaves 13 de set. de 2017

poderia utilizar a função no carregamento da página:

//após a paǵina ser carregada

window.onload = function () {

//código aqui

document.getElementById(“botao”);

}

Se estiver utilizando JSF, tem algumas alteração que ocorrer ao pegar um elemento pelo id:

<aside class="quote" data-post="1" data-topic="163692">
  <div class="title">
    <div class="quote-controls"></div>
    <img alt="" width="20" height="20" src="/letter_avatar_proxy/v2/letter/e/f9ae1b/40.png" class="avatar">
    <a href="//www.guj.com.br/t/sobre-javascript-e-jsf-resolvido/163692?source_topic_id=355430">Sobre javascript e jsf[resolvido]</a> <a class="badge-wrapper  bullet" href="/c/front-end">Front-end</a>
  </div>
  <blockquote>
    Tenho uma função javascript:  

 function Senha(valor)
{
	//Objeto de acesso ao campo visor
	var visor = document.getElementById("visor");
	//Objeto de acesso ao campo hidden senha
	var senha = document.getElementById("senha");
	//Acrescenta o numero digitado ao visor e a senha
	visor.value += valor;
	senha.value += valor;
}

e na pagina tenho 2 inputs:  

 &lt;input type="text" name="visor" id="visor" /&gt;
&lt;h:inputText id="senha" value="" /&gt;

Quando pressiono o botão:   

 &lt;input type…
  </blockquote>
</aside>


<aside class="quote" data-post="2" data-topic="157012">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="20" height="20" src="//www.guj.com.br/user_avatar/www.guj.com.br/cintiadr/40/5516_1.png" class="avatar"><a href="//www.guj.com.br/t/document-getelementbyid-em-jsf/157012/2">Document.getElementById() em JSF</a>
</div>
<blockquote>
Se vc olhar o campo, o id dele fica "nomeDoForm:NomeDoElemento". Se vc não der um id para o form ou o elemento, ele cria um (mutcho loko, por sinal).

Criado 12 de setembro de 2017

Ultima resposta 13 de set. de 2017

Respostas 4

Participantes 2

4 Respostas

Topicos relacionados