h:commandButton sem submit

JavaEvangelist Membro desde: 22/12/2006 17:31:53 Mensagens: 477 Offline

Pessoal eu tenho um h:commandButton que chama um rich:modalPanel, esse rich:modalPanel tem um progressbar dentro dele... preciso q minha pagina so seja subimetida quando o progress acabar!!! como eu posso juntar essas coisas...
o meu codigo esta assim:

//<![CDATA[
		        var counter = 1;
		        var step = 1;
		        var interval = 100;
		        var intervalID;
		            function updateProgress(i) {
		                $('form:progressBar').component.setLabel(counter*step + ' %');
		                $('form:progressBar').component.setValue(counter*step);
		                if ((counter++) > 100 / step){
		                	counter = 1;
		                	window.clearInterval(intervalID);

}
		            }
		            
		            function startProgress(){
		                counter=1;
		                $('form:progressBar').component.enable();
		                $('form:progressBar').component.setValue(1);
		                intervalID = setInterval(updateProgress,interval);
		            }
		//]]> 
      </script>

<rich:progressBar mode="client" id="progressBar" >
				          	<h:outputText value="null"/>
				          </rich:progressBar>

</rich:modalPanel>					
				
					<h:commandButton type="button" styleClass="buttonFormulario" value="Ok" id="btnOk" onclick="startProgress();" >
						<rich:componentControl for="modelPanel" attachTo="btnOk" operation="show" event="onclick"/>
					</h:commandButton>

</div>

Obrigado a todos!

JavaEvangelist Membro desde: 18/02/2008 10:06:25 Mensagens: 413 Offline

Bem, ao meu ver o correto seria submeter o formulário, exibir a barra de progresso e somente esconde-la quando o response chegar, mas talvez teu caso seja bem especifico..

Existem algumas soluções:

1)
Neste caso você poderia se utilizar de uma variável global em javascript, assim no primeiro click você carregaria a barra de progresso, e depois de terminado você alteraria essa variável e clicaria no botão novamente através de Javascript:
document.getElementById("meuBotao").click();

2)
Ou você pode ter um botão escondido que realmente executa o submit:
<a4j:commandButton ... id="meuBotao" style="display:none;" />

E executaria ele no fim da barra de progresso através de javascript:
document.getElementById("meuBotao").click();

3)
Parecido com o 1o caso você poderia chamar uma function que ficasse em loop infinito até que a barra de progresso termine, algo como:
<h:commandButton type="button" styleClass="buttonFormulario" value="Ok" id="btnOk" onclick="startProgress();ficaEmLoopAteABarraDeProgressoTerminar();" >

Algo assim. Espero que uma delas te sirva ou ao menos te dê uma luz.
Abraços e boa sorte.

Notícias, artigos e o maior fórum brasileiro sobre Java