Latest posts for the topic "InPlaceEditor com MentaAjax"

InPlaceEditor com MentaAjax

robertwgil — GMT

O menta agora dispõem de uma tag cujo conceito é In Place Editor, ou seja, digamos que temos uma tabela com dados e ao clicar em uma célula, a mesma se torna um input onde o cidadão altera o valor e ao pressionar "Enter" é enviado uma requisição ajax para o servidor. Agora mão na massa! Quem aqui não conhece as dynTags inputDate, inputMoney, inputMask, inputText e select? Agora para transformá-las em InPlaceEditors, basta encapsular na nova tag Esta tag apresenta várias variações, e pode ser utilizar sem as dyntags, porem estarei dando exemplo utilizando-as. Code:

O parametro url é a url que será requisitada quando o cidadão pressionar "Enter". O parametro event é o evento que tornará aquele element em um input. e no corpo a nossa querida tag inputMoney. :lol: No exemplo acima, ao dar dois clicks encima da td, a célula se tornará um input, input este que terá a mesma ação que o inputMoney normal, mascarando o valor digitado etc. Ao alterar o valor e digitar "Enter" será "Targueteado" a seguinte URL: TestAction.mtw?name=moneyName&value=OqueFoiDigitado Na action voce pegará normalmente estes valores: Code:

public String execute() {
	String name = input.getStringValue("name");
	String value = input.getStringValue("value");

	
	ajax(value);

//	OU
//	ouput.setValue(AjaxConsequence.KEY, value);
	
}

E deve retornar via ajax o valor que será atualizado na celula. E no ApplicationManager, o de sempre: Code:

action( TestActin.class )
	.ajaxOk( new JSONGenericRenderer() );
// Ou
// action( TestActin.class )
//	.on(SUCCESS, new AjaxConsequence( new JSONGenericRenderer() );

Para utilizar com as outras dyntags é o mesmo conceito. Code:

Obs: estas tags usam o MentaAjax e as dyntags, portanto no header faz-se necessário o e os etc.. Duvidas, postem no fórum..

Re:InPlaceEditor com MentaAjax

IceW0lf — GMT

Parabéns Robert! :D

Re:InPlaceEditor com MentaAjax

robertwgil — GMT

Agora, todas DynTags do menta estão integradas com o inplace. segue uma página jsp funcional de como utilizar, se bem que não muda nada, apenas é encapsulado na tag inplace: Code:

<%@ taglib uri="/WEB-INF/lib/mentawai.jar" prefix="mtw" %>

	

		
		
		
		
		
	

	
	
			
		
			Menta Default

				Select:

				
				
				


				InputText:

				
				
				


				InputMoney

				
				
				


				InputDate

				
				
				


				InputMask CEP

				
				
				


				InputMask CPF

				
				
				


				InputMask IP

				
			
		
		
		
		
		
			Menta In Place Editor

				Select:


				
					
				
				
				


				InputText:


				
					
				
				
				


				InputMoney


				
					
				
				
				


				InputDate


				
					
				
				
				


				InputMask CEP


				
					
				
				
				


				InputMask CPF


				
					
				
				
				


				InputMask IP

AajaxTeste.jsp Code:

${param.name} = ${param.value}

Esta página pega os parametros passados pela requisição e printa. Caso alguem vá rodas esta página jsp, não se esqueça que a tag select precisa de um list. no exemplo com o nome de listaJustificativa

Re:InPlaceEditor com MentaAjax

albertoleal — GMT

Conversei ontem sobre isso com um amigo. Agora o menta tem isso! Robert, parábens!