Avalados por :

Cómo manejar un controlador de eventos onChange para calcular campos de entrada en tiempo real

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 5 Vistas
0
Cargando...

Hola,

Tengo un requisito único. Tengo 3 campos de entrada Longitud, Ancho y Profundidad. Tengo otro campo de entrada llamado Cantidad que se calcula por L W D en tiempo de ejecución.

Quiero calcular cada vez que cambie alguno de los valores en

los campos de entrada Longitud, Ancho y Profundidad, algo así como un evento onChange.

Sé que puedo calcularlo cuando hago clic en un botón. Pero no quiero hacer eso.

¿Hay alguna manera de manejar este controlador de eventos onChange?

Gracias de antemano

arun

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

4 Respuestas

0
Cargando...

Esa es la dirección hacia la que se dirige mi 'blog en progreso'

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Intenta crear una nueva extensión BSP de inputfield y agregar la propiedad html tag de onChange. Escribe código JS para calcular lo mismo.

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

<%
data tmp_string type string.
tmp_string = `<input onChange="javascript:<b>yourJsfunction()</b>;"`.
%>
<bsp:findAndReplace find = "<input"
replace = "<%= tmp_string %>" >

<htmlb:inputField id = "Field1"
value = "2"
alignment = "left" />
</bsp:findAndReplace>
<bsp:findAndReplace find = "<input"
replace = "<%= tmp_string %>" >

<htmlb:inputField id = "Field2"
value = "2"
alignment = "left" />
</bsp:findAndReplace>
<htmlb:inputField id = "Field3"
value = "4"
alignment = "left" />

<u><b>yourJsfunction</b></u> es una función de javascript que debes escribir para leer el valor del campo 1 y el valor del campo 2 y completar el tercer campo.

Aquí tienes un ejemplo de js. (nota: el código no está probado)

<script>

function yourJsfunction(){

document.<nombre de tu formulario>.<nombre del campo de entrada3>.valor =

document.<nombre de tu formulario>.<nombre del campo de entrada1>.valor +

document.<nombre de tu formulario>.<nombre del campo de entrada2>.valor ;

}

</script>

Saludos

Raja

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Hola expertos,

No entiendo cómo manejar esto con tu código. Déjame publicar el código,

<%@page language="abap" %>

<%@extension name="htmlb" prefix="htmlb" %>

<%@extension name="bsp" prefix="bsp" %>

<htmlb:content design="design2003" >

<htmlb:page title="Lista de Equipos" >

<htmlb:form>

<%

data tmp_string type string.

tmp_string = `<input onChange="javascript:youJsfunction();"`.

%>

<htmlb:inputField id = "Field1"

value = "2"

alignment = "left" />

<htmlb:inputField id = "Field2"

value = "2"

alignment = "left" />

<bsp:findAndReplace find = "<input"

replace = "<%= tmp_string %>" >

<htmlb:inputField id = "Field3"

value = "4"

alignment = "left" />

</bsp:findAndReplace>

</htmlb:form>

</htmlb:page>

</htmlb:content>

Tengo Field1 y Field2, cuando el valor en cualquiera de los campos de entrada cambia, Field3 debería calcularse con el valor de Field1 + el valor de Field2.

¿Cómo manejar esta situación?

Gracias de antemano

arun

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?