Help JSF + JQUERY &gt&gt Não funciona helppp-me

Front-end
#1

Buenas tardes amigos gujeiros, hehe SSSS

seguinte, estou com um problema aqui pra utilizar JSF + JQUERY,

estou querendo mascarar um campo de data, porem não consigo recuperar o ID
do meu text com JSF, somente com tag’s simples do html,

ex: <input type= "text" id="data"/>

porém quando uso tag do JSF o trem não funciona,
tentei usar o j4j.jar, mais ele tbm não me ajuda, alguem pode me dar uma força ??

vlewwwwwwwwww

#2

[quote=soudaniel_01]Buenas tardes amigos gujeiros, hehe SSSS

seguinte, estou com um problema aqui pra utilizar JSF + JQUERY,

estou querendo mascarar um campo de data, porem não consigo recuperar o ID
do meu text com JSF, somente com tag’s simples do html,

ex: <input type= "text" id="data"/>

porém quando uso tag do JSF o trem não funciona,
tentei usar o j4j.jar, mais ele tbm não me ajuda, alguem pode me dar uma força ??

vlewwwwwwwwww[/quote]

Tente algo como isso:

<f:param id="editId" name="id" value="#{acess.id}"/> :smiley:

#3

Hmm pelo que entendi você quer o id de um inputText tipo
<h:inputText id=“meuText” value="…"/>
certo?

Se for isso lembre-se que o JSF põe o id do form antes do id que você atribuiu pro componente no html.
Exemplo:
<h:form id=“formId”>
<h:inputText id=“meuText” value=""/>
</h:form>

Vai renderizar
<form…>

#4

galera obrigado pelas respostas,

bom flin, isso não funcionou.

vou postar oque estou querendo fazer,
quero colocar mascara no meus campos jsf com jquery,

form:

	<f:view>
		<h:form id="form"  >
			<h:inputText id="data" ></h:inputText>
		</h:form>
	</f:view>

java script

jQuery(function($){
	
	$("#form:data").mask("99/99/9999");

});

tentei tbm:

jQuery(function($){
	
	$("#form\:data").mask("99/99/9999");

});

tentei de varias formas.

obrigado pelas ajudas !!! não estou entendo prq não consigo trabalhas com minhas tag,
help ??

#5

Olá soudaniel_01, blz?

Eu vi hoje um artigo na net e lembrei que tu tinha postado aqui essa pergunta.
Vê se não é isso:

http://www.linhadecodigo.com.br/Artigo.aspx?id=1465

É um exemplo com Visual Web Pack do NetBeans, mas acho que é o mesmo com JSF.

Qualquer coisa, posta ai se funcionou.

Fui

#6

ae djemacao , vlew pela ajuda cara,

porem, o meu problema está em recuperar o campo do meu text em jsf,
mas eu a “resolvi” passei a utilizar Tomahawk e ajax4jsf, mais de qq forma vlew cara !!

#7

Que post antigo hein! Para resolver este problema das IDs concatenadas coloquei a tag asim: “h:form prependId=‘false’”. Assim o jQuery voltou a funcionar!

#8

Ou utiliza assim:

jQuery(function($){ $("#form\\:data").mask("99/99/9999"); });

:wink:

#9

Olá Amigo

Tenho observado que o JSF funciona muito melhor com JQuery quando usamos o seletor de classes. Com certeza seu exemplo irá funcionar assim:

No Jquery:

$(document).ready(function() {

$(".data").mask(“99/99/9999”);

});

No JSF

<h:inputText class=“data” value="#{ProjetoBean.descriptionProject}"></h:inputText>

Espero ter ajudado.

Abraço.

#10

Corrigindo o ziplov em um pequeno detalhe :lol:

<h:inputText styleClass=“data” value="#{ProjetoBean.descriptionProject}"></h:inputText>

#11

[quote=andre.froes]Corrigindo o ziplov em um pequeno detalhe :lol:

<h:inputText styleClass=“data” value="#{ProjetoBean.descriptionProject}"></h:inputText> [/quote]

Olá André…

Muito obrigado pela correção, porém no JSF 2.0 existe o atributo class :smiley:

AB.

#12

[quote=ziplove]Olá Amigo

Tenho observado que o JSF funciona muito melhor com JQuery quando usamos o seletor de classes. Com certeza seu exemplo irá funcionar assim:

No Jquery:

$(document).ready(function() {

$(".data").mask(“99/99/9999”);

});

No JSF

<h:inputText class=“data” value="#{ProjetoBean.descriptionProject}"></h:inputText>

Espero ter ajudado.

Abraço.[/quote]
ziplove, tem uma frase que a galera usa muito quando fala de jQuery: “Quanto mais específico, mais rápido.”

O Davi Ferreira fala um pouco sobre o tema no seu artigo sobre performance no jQuery.

Não use jQuery, se for usar, seja específico e procure sempre utilizar funções que busquem o que é nativo do javascript:

$('#') == document.getElementById('');

Utilizar id’s é mais performático para o leito do jQuery, pensa só: ele vai direto no elemento, ao invés de varrer na página todos da mesma classe. :!:

#13

[quote=Metal Java Full][quote=ziplove]Olá Amigo

Tenho observado que o JSF funciona muito melhor com JQuery quando usamos o seletor de classes. Com certeza seu exemplo irá funcionar assim:

No Jquery:

$(document).ready(function() {

$(".data").mask(“99/99/9999”);

});

No JSF

<h:inputText class=“data” value="#{ProjetoBean.descriptionProject}"></h:inputText>

Espero ter ajudado.

Abraço.[/quote]
ziplove, tem uma frase que a galera usa muito quando fala de jQuery: “Quanto mais específico, mais rápido.”

O Davi Ferreira fala um pouco sobre o tema no seu artigo sobre performance no jQuery.

Não use jQuery, se for usar, seja específico e procure sempre utilizar funções que busquem o que é nativo do javascript:

$('#') == document.getElementById('');

Utilizar id’s é mais performático para o leito do jQuery, pensa só: ele vai direto no elemento, ao invés de varrer na página todos da mesma classe. :!:[/quote]

Concordo Metal Java Full

Embora seja novo no forum, não sou iniciante na área.
Como vi o colega “empipinado” apenas postei uma solução e uma observação que tenho visto quando renderizamos páginas JSF.
Com certeza, sou adepto das boas práticas e acredito que “escovar bits” ainda é necessário …

:wink:

#14