Drag Drop richFaces

25 de novembro de 2008 3 respostas

awilaz 25 de novembro de 2008

Boa tarde a todos,

Estou tentando fazer um drag drop e já verifiquei os exemplos disponíveis no site do richfaces, mas quando arrasto o objeto os dataTable não renderizam…

segue o código do metodo do meu manageBean

public void processDrop(DropEvent dropEvent) {
		Dropzone dropzone = (Dropzone) dropEvent.getComponent();
		Object produtoArrastado = dropEvent.getDragValue();
		Object dropValue = dropzone.getDropValue();
		if ("SELECIONADO".equals(dropValue)) {
			if (produtosDisponiveis.contains(produtoArrastado)){
				int indiceProdutoSelecionado = produtosDisponiveis.indexOf(produtoArrastado);
				produtosSelecionados.add(produtosDisponiveis.get(indiceProdutoSelecionado));
				produtosDisponiveis.remove(indiceProdutoSelecionado);
			}
		}
	}

E agora o codigo no meu xhtml

&lt;rich:dragIndicator id="indicator" /&gt;

			

				&lt;h:panelGrid columnClasses="panelc" columns="4" width="100%"&gt;

					&lt;rich:panel style="width:133px"&gt;
						&lt;f:facet name="header"&gt;
							&lt;h:outputText value="disponivel" /&gt;
						&lt;/f:facet&gt;
						&lt;h:dataTable id="src" columns="1" value="#{produtoOferecidoBean.produtosDisponiveis}"
							var="fm" footerClass="footerClass"&gt;

							&lt;h:column&gt;
								&lt;a4j:outputPanel
									style="width:100px;border:1px solid gray;padding:2px"
									layout="block"&gt;
									&lt;rich:dragSupport dragIndicator=":indicator"
										dragType="PRODUTO" dragValue="#{fm}"&gt;
										&lt;rich:dndParam name="label" value="#{fm.nome}" /&gt;
									&lt;/rich:dragSupport&gt;
									&lt;h:outputText value="#{fm.nome}"&gt;&lt;/h:outputText&gt;
								&lt;/a4j:outputPanel&gt;
							&lt;/h:column&gt;
							&lt;f:facet name="footer"&gt;
								&lt;a4j:commandButton action="#{produtoOferecidoBean.reset}" value="Start Over"
									reRender="src,phptable" /&gt;
							&lt;/f:facet&gt;
						&lt;/h:dataTable&gt;
					&lt;/rich:panel&gt;




					&lt;rich:panel styleClass="dropTargetPanel"&gt;
						&lt;f:facet name="header"&gt;
							&lt;h:outputText value="Produtos Selecionados" /&gt;
						&lt;/f:facet&gt;
						&lt;rich:dropSupport id="php" acceptedTypes="PRODUTO"
							dropValue="SELECIONADO"
							dropListener="#{produtoOferecidoBean.processDrop}"
							reRender="phptable, src"&gt;
						&lt;/rich:dropSupport&gt;

						&lt;h:dataTable id="phptable" columns="1"
							value="#{produtoOferecidoBean.produtosSelecionados}" var="fm"&gt;
							&lt;h:column&gt;
								&lt;h:outputText value="#{fm.nome}"&gt;&lt;/h:outputText&gt;
							&lt;/h:column&gt;
						&lt;/h:dataTable&gt;
					&lt;/rich:panel&gt;

				&lt;/h:panelGrid&gt;
				
				&lt;a4j:outputPanel ajaxRendered="true"&gt;
					&lt;h:messages&gt;&lt;/h:messages&gt;
				&lt;/a4j:outputPanel&gt;
				
				
		&lt;/rich:panel&gt;

Não percebo nenhum erro a não ser a mensagem : org.richfaces.renderkit.html.HtmlRichMessageRenderer doEncodeEnd

Será que alguém já passou por isso??
Qualquer ajuda será bem vinda…

3 Respostas

liviaguedes 23 de set. de 2009

Oi awilaz,

Bom to com uma duvida igual a sua… preciso usar esse componente e estou com dificuldades… sera q vc resolveu ja??
se puder me ajudar…rsrs

awilaz 23 de set. de 2009

Olá… resolvi sim o meu ficou assim:

&lt;div id="comp" style="display:none; border:none;"&gt;
			&lt;rich:dragIndicator id="indicator" /&gt;
			&lt;h:form id="form"&gt;
				&lt;table width="100%" border="0"&gt;
					&lt;tr&gt;
						&lt;td&gt;
							&lt;rich:datascroller align="left" for="src" maxPages="20" id="sc3" /&gt;
	        				&lt;rich:spacer height="30" /&gt;
							&lt;rich:dataTable id="src"
								value="#{produtoOferecidoBean.produtosDisponiveis}" var="fm"
								footerClass="footerClass" width="400px" columnsWidth="50%, 25%, 25%" rows="5"&gt;
								&lt;f:facet name="header"&gt;
		            				&lt;h:outputText value="Produtos Disponiveis"/&gt;
		            			&lt;/f:facet&gt;
								&lt;rich:column sortBy="#{fm.nome}" filterBy="#{fm.nome}"
									filterEvent="onkeyup"&gt;
									&lt;f:facet name="header"&gt;
										&lt;h:outputText value="Nome" /&gt;
									&lt;/f:facet&gt;
									&lt;a4j:outputPanel&gt;
										&lt;rich:dragSupport dragIndicator=":indicator" dragType="PRODUTO"
											dragValue="#{fm}"&gt;
											&lt;rich:dndParam name="label" value="#{fm.nome}" /&gt;
										&lt;/rich:dragSupport&gt;
										&lt;h:outputText value="#{fm.nome}"&gt;&lt;/h:outputText&gt;
									&lt;/a4j:outputPanel&gt;
								&lt;/rich:column&gt;
								&lt;rich:column sortBy="#{fm.marca.nome}" filterBy="#{fm.marca.nome}"
									filterEvent="onkeyup"&gt;
									&lt;f:facet name="header"&gt;
										&lt;h:outputText value="Marca" /&gt;
									&lt;/f:facet&gt;
									&lt;h:outputText value="#{fm.marca.nome}"&gt;&lt;/h:outputText&gt;
								&lt;/rich:column&gt;
								&lt;rich:column sortBy="#{fm.medida.nome}" filterBy="#{fm.medida.nome}"
									filterEvent="onkeyup"&gt;
									&lt;f:facet name="header"&gt;
										&lt;h:outputText value="Medida" /&gt;
									&lt;/f:facet&gt;
									&lt;h:outputText value="#{fm.medida.nome}"&gt;&lt;/h:outputText&gt;
								&lt;/rich:column&gt;
								&lt;f:facet name="footer"&gt;
									&lt;a4j:commandButton action="#{produtoOferecidoBean.reset}"
										value="Iniciar" reRender="src,phptable,sc3,php" styleClass="comp"/&gt;
								&lt;/f:facet&gt;
							&lt;/rich:dataTable&gt;
						&lt;/td&gt;
						&lt;td&gt;
							&lt;rich:panel styleClass="dropTargetPanel" style="border:none;"&gt;
								&lt;rich:dropSupport id="php" acceptedTypes="PRODUTO"
									dropValue="PRODUTO"
									dropListener="#{produtoOferecidoBean.processDrop}"
									reRender="phptable, src"&gt;
								&lt;/rich:dropSupport&gt;
								&lt;rich:dataTable id="phptable" value="#{produtoOferecidoBean.comps}" 
										var="fm" columnsWidth="60%, 20%, 20%" width="400px"&gt;
									&lt;f:facet name="header"&gt;
		            					&lt;h:outputText value="Composicao"/&gt;
		            				&lt;/f:facet&gt;
									&lt;rich:column&gt;
										&lt;f:facet name="header"&gt;
											&lt;h:outputText value="Nome" /&gt;
										&lt;/f:facet&gt;
										&lt;h:outputText value="#{fm.produto.nome}"&gt;&lt;/h:outputText&gt;
									&lt;/rich:column&gt;
									&lt;rich:column&gt;
										&lt;f:facet name="header"&gt;
											&lt;h:outputText value="Quantidade" /&gt;
										&lt;/f:facet&gt;
										&lt;h:inputText value="#{fm.quantidade}" size="4" onkeypress="mascara(this,soNumeros);"
																style="text-align: right;"&gt;&lt;/h:inputText&gt;
									&lt;/rich:column&gt;
									&lt;rich:column&gt;
										&lt;f:facet name="header"&gt;
											&lt;h:outputText value="Quantidade" /&gt;
										&lt;/f:facet&gt;
										&lt;h:outputLabel value="#{fm.produto.medida.nome}" &gt;&lt;/h:outputLabel&gt;
									&lt;/rich:column&gt;
									&lt;f:facet name="footer"&gt;
										&lt;a4j:commandButton action="#{produtoOferecidoBean.calculaPrecoMedio}"
										value="Fim" reRender="src,phptable, sc3, custo" styleClass="comp" onclick="renderizaPrecoLucro();"/&gt;
									&lt;/f:facet&gt;
								&lt;/rich:dataTable&gt;
							&lt;/rich:panel&gt;
						&lt;/td&gt;
					&lt;/tr&gt;
				&lt;/table&gt;
			&lt;/h:form&gt;
			
		&lt;/div&gt;

e o meu bean

public void processDrop(DropEvent dropEvent) {
		Dropzone dropzone = (Dropzone) dropEvent.getComponent();
		Object produtoArrastado = dropEvent.getDragValue();
		Object dropValue = dropzone.getDropValue();
		if ("PRODUTO".equals(dropValue)) {
			if (produtosDisponiveis.contains(produtoArrastado)){
				int indiceProdutoSelecionado = produtosDisponiveis.indexOf(produtoArrastado);
				Componente comp = new Componente();
				comp.setProduto(produtosDisponiveis.get(indiceProdutoSelecionado));
				comps.add(comp);
				produtosDisponiveis.remove(indiceProdutoSelecionado);
			}
		}
	}

Espero que ajude… se tiver duvidas me diga.

liviaguedes 23 de set. de 2009

Pow awilaz, vlw …
Funciono sim… agora so acertar umas coisinhas…
muito obrigada pela ajuda…

Criado 25 de novembro de 2008

Ultima resposta 23 de set. de 2009

Respostas 3

Participantes 2

3 Respostas

Topicos relacionados