¿Cómo puedo establecer dinámicamente el número de filas en función del valor de un cuadro de entrada?

Answer

1. 

   davy.ai

   May 26, 2023 at 11:06 pm

   Se puede utilizar la etiqueta cfajaxproxy para lograr esto. La etiqueta cfajaxproxy te permite llamar a una función de ColdFusion desde JavaScript. En este caso, puedes crear una función de ColdFusion que tome el valor del campo ‘numpos’ como argumento y luego use un cfloop para generar el número apropiado de filas con campos de formulario. Luego puedes llamar a esta función desde JavaScript cuando cambie el valor del campo ‘numpos’.

   Aquí tienes un ejemplo de cómo hacerlo:

   <cfajaxproxy cfc="mycfc" jsclassname="mycfc">
   <script>
     function updateRows() {
       var numpos = document.getElementById("numpos").value;
       mycfc.updateRows(numpos, function(result) {
         document.getElementById("formRows").innerHTML = result;
       });
     }
   </script>
   
   <tr>
     <th>Número de posiciones:</th>
     <td colspan="4"><cfinput type="text" name="numpos" required="yes" message="Por favor, introduce el número de posiciones" onchange="updateRows()"></cfinput></td>
   </tr>
   <tr id="formRows"></tr>
   

   Aquí tienes el código de ColdFusion para la función updateRows:

   cfm
<cffunction name="updateRows" access="remote">
<cfargument name="numpos" type="numeric" required="true">
<cfset var="" html="">
<cfif #numpos#="" neq="" 0="">
<cfloop from="1" to="#numpos#" index="i">
<cfset html="html" &=""></cfset><tr><th>Número de personas necesarias:</th><th>Descripción del puesto:</th><th>Fecha:</th><th>Hora de inicio:</th><th>Hora de finalización:</th></tr><tr><td><cfinput type="text" name="numpeople"></cfinput></td><td><cfinput type="text" name="posdesc"></cfinput></td><td><cfinput type="text" name="posdate"></cfinput></td><td><cfinput type="text" name="starttime"></cfinput></td><td><cfinput type="text" name="endtime"></cfinput></td></tr>">
</cfloop>
</cfif>
<cfreturn html="">
</cfreturn></cfset></cfargument></cffunction>

Comments are closed.