boa tarde, estou com um problema q acredito ser simples simples, porem pesquisei e não achei a solução em uma aplicação eu tenho a opção de gerar vários itens e esses itens possuem validade, e um auto complete de produ…

Chamada de funções em campos dinâmicos

1 Resposta

joaoorso 4 de abr. de 2012

Acredito que você terá que fazer algo uma função javaScript que gera seu HTML. Algo do tipo :

function insertRowRecursos(){

//alert(contLinhas);		
		var tBodyTel = document.getElementById("tBodyRec");
		var row      = tBodyTel.insertRow(contLinhas);
		row.setAttribute("id", "rowTel_"+index);
		
		var cellA = row.insertCell(0);		
		
		var cellB = row.insertCell(1);
		cellB.setAttribute("align", "right");		
		//cellB.setAttribute("width", "100px");
		
		var cellC = row.insertCell(2);			

		var cellD = row.insertCell(3);	

		
		
		//var cell = row.insertCell(0);

		  var c1 = 
			 	" <select name='codDocList' style='width: 200px' class='formulario' >";
		  c1 +=
		 		"		<option value=''>"+
				"		</option>";
				<c:forEach var="docs" items="${documentoList}">
				c1 +=			 	
				"		<option value='${docs.codigo}'>"+
				"			${docs.nome}"+
				"		</option>";
				</c:forEach>
		  	  c1 += 					
				"</select> \n <span style=\"color:Red;\"> *</span>";

		  var c2 = 
				"   <input name=\"valorDocList\" type=\"text\" class=\"formTextValor\" size=\"12\"        "+
				"     value=''                                                                     "+
                "     onkeypress=\"return(FormataReais(this,'.',',',event))\"                      "+
				"     onblur=\"somaValor()\"   id=\"valorDoDocumento_"+index+"\"                        "+
				"   />   ";
			                    
          var c3 =
        	    "   <input name=\"dataPgtoDocList\" type=\"text\" class=\"formTextValor\" size=\"12\" maxlength=\"10\"        "+
				"     value=''                                                                     "+
                "     onkeydown=\"return(FormataData(this,event))\"                      "+
				"     onblur=\"validaData(this, this.value)\"   id=\"dataPgto_"+index+"\"                        "+
				"   />\n ";
			                    
				
		  

		  var c4 =  " <a href=\"#\" onclick=\"insertRowRecursos()\"> \n                                "+
  		  			"   		<img name=\"Input3\" src=\"img/bt_mais.gif\" style=\"border-width:0px;\"/>    \n "+
   					" 		</a>                                                                             ";
		  	  if(contLinhas>1){ // Nao insere (-) na primeira linha 
			  	c4+="<img style=\"cursor: pointer;\" src=\"img/bt_menos.gif\" style=\"border-width: 0px;\" onclick=\"removeFiltro('rowTel_" +(index)+ "', 'null')\"/>\n";
			  	} 					
				//alert("Linhas: "+contLinhas);
				//alert("Index: "+index);
							
 		  contLinhas ++;
 		  index++;
 		  
 		cellA.innerHTML = c1;
		cellB.innerHTML = c2;
		cellC.innerHTML = c3;	
		cellD.innerHTML = c4;
	
	}

1 Resposta

Topicos relacionados