Criar um filtro com <rich:dataFilterSlider/>

6 respostas
danilocmiranda

Galera!

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

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

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

Segue código do :
<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>

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! ;)_

6 Respostas

danilocmiranda

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

fredericomaia10

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é?

danilocmiranda

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.

danilocmiranda

Ah, e estou usando o RichFaces 3.3.0

fredericomaia10

Blz então!

Abraços!

renatakemi

Ola Danilo,

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

Abraços!

Criado 14 de abril de 2011
Ultima resposta 19 de abr. de 2011
Respostas 6
Participantes 3