Imprimir tela usando Media Queries

Front-end CSS
#1

Estou com um problema ao imprimir a tela da aplicação utilizando media queries. Quando clico no botão para imprimir, a janela de impressão é aberta normalmente. O problema é quando clico em salvar ou cancelar, a janela é recarregada e perco os dados que estavam na tela. Gostaria de saber se tem como imprimir os dados e de alguma forma, a janela não seja recarregada. Grato!

Arquivo css

@media print {
	body .ui-menu.ui-menubar {
		display: none;
	}
	body .ui-button {
		display: none;
	}
	footer {
		display: none;
	}
	
}

<p:button class="botao" onclick="print()" value="Imprimir"></p:button>

#2

Mostra como está a função print

#3

Consegui solucionar. Na verdade não tinha função print(). Eu utilizava apenas o @media print. Criei uma função js chamando o window.print(), em seguida chamo o preventDefault(), para impedir a ação de redirecionar. A função ficou assim:

	function imprimir(evt){
			window.print()
			evt.preventDefault()
			
		}
1 curtida