Criar um filtro com <rich:dataFilterSlider/>

Front-end
#1

Galera!

Tenho mais uma dúvida de JSF. Vamos lá.

Estou tentando implementar este exemplo http://livedemo.exadel.com/richfaces-demo/richfaces/dataFilterSlider.jsf .

A dataTable está sendo populada corretamente, mas não estou conseguindo fazer o slider filtrar os valores.

Segue código do rich:dataFilterSlider:

[code]<h:form id=“tabelaDeProdutos”>
<a4j:queue />
<rich:spacer height=“8” />

<rich:dataFilterSlider for=“listaProdutos”
forValRef=“produtoViewPB.listProdutos” filterBy=“getMenorPreco”
manualInput=“true” onSlide=“true” onChange=“true” storeResults=“true”
width=“100px” startRange=“10” endRange=“60” increment=“10”
trailer=“true” handleValue=“50” id=“slider”/>

    <rich:dataTable width="300" id="listaProdutos" 
        value="#{produtoViewPB.listProdutos}" var="produtoTabela" border="false">
        <h:column>
           <div class="img_produtos_selecionados">
						<h:commandLink action="#{produtoViewPB.detalhesProduto}">
							<h:graphicImage value="#{produtoTabela.foto}" alt="produto"
								width="114" height="114" />
							<f:setPropertyActionListener target="#{produtoViewPB.id}"
								value="#{produtoTabela.codigo}" />
						</h:commandLink>
					</div>
        </h:column>
        <h:column >
            <div class="box2_produtos_selecionados">
						<div class="titulo_produtos_selecionados">
							<h1><f:view>
								<h:commandLink action="#{produtoViewPB.detalhesProduto}"
									value="#{produtoTabela.titulo}">
									<f:setPropertyActionListener target="#{produtoViewPB.id}"
										value="#{produtoTabela.codigo}" />
								</h:commandLink>
								</f:view>
							</h1>
						</div>

						<div class="descricao_produtos_selecionados">
							<p>
								<h:outputText value="#{produtoTabela.descricao}" />
							</p>
						</div>


					</div>

        </h:column>
        <h:column>
          <div class="box3_produtos_selecionados">
						<div class="preco_produtos_selecionados">
							<div class="label_preco_produtos_selecionados">
								<h1>
									<h:outputText value="#{msgBundle.a_partir_de}" />
								</h1>
							</div>

							<div class="preco2_produtos_selecionados">
								<h1>
									<h:outputText value="#{msgBundle.cifrao}" />
									<b><h:outputText value="#{produtoTabela.menorPreco}">
																							<f:convertNumber type="currency" />
										</h:outputText> </b>
								</h1>
							</div>

							<div class="label2_preco_produtos_selecionados">
								<h1>
									<h:outputText value="#{msgBundle.em}" />
									<b><h:outputText value="#{produtoTabela.qntOfertas} " /> <h:outputText
											value="#{msgBundle.lojas}" /> </b>
								</h1>
							</div>
						</div>
						<div class="selecione_produtos_selecionados" id="bt1">
							<div class="check_produtos_selecionados">
								<input name="checkbox1" id="checkbox1" type="checkbox" class="styled" value="true" onclick="trocarminiaturas(this.id, 'id1');"/>
							</div>
							<div class="label_check_produtos_selecionados" id="texto1">
								<h1>
									<h:outputText value="#{msgBundle.selecione_outros}" />
								</h1>
							</div>
						</div>
					</div>
        </h:column>

    </rich:dataTable>

    <rich:spacer height="200" />
</h:form>[/code]

Pelo que a documentação diz o atributo forValRef é uma String para ser usada como referência pela UI Componente (no casa DataTable) e filterBy é o Get da varíável usada para o filtro!

Onde estou vacilando?

Abraço! ;)_

#2

Galera!

Percebi tbm que os efeitos do RichFaces não estão funcionando no meu projeto! A exemplo o próprio dataFilterSlider que a barra para deslizar a setinha e mudar o valor não funciona.
Copiei o código deste exemplo http://livedemo.exadel.com/richfaces-demo/richfaces/inplaceInput.jsf?c=inplaceInput&tab=usage e também o efeito não funcionou!

Talvez por isso eu não esteja conseguindo colocar para funcionar o Filtro!

Quais são as configurações essenciais para estes efeitos funcionarem??

Abraço

#3

Para os efeitos funcionarem basta vc ter os jars do Richfaces no seu projeto e as configurações no web.xml estarem corretas.

Na documentação mostra como deve ficar: http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html/GettingStarted.html

Está usando o 3.3 mesmo né?

#4

fredericomaia10,

Consegui colocar pra funcionar! Eu já estava verificando todas as configurações, repassei “mil vezes”! a última coisa em que pensei foi em conflito com o Jquery!

Usei um jQuery.noConflict() e os efeitos do RichFaces funcionaram!

Muito obrigado pela ajuda de qualquer forma.

#5

Ah, e estou usando o RichFaces 3.3.0

#6

Blz então!

Abraços!

#7

Ola Danilo,

Estou com um problema similar ao seu.
Onde vc colocou jQuery.noConflict() no seu código?

Abraços!

#8