• Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
S4PCADEMY_Logo
  • Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
Twitter Linkedin Instagram

S4PCADEMY_Logo
  • Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
Twitter Linkedin Instagram
#Fiori  ·  #javascript  ·  #SAPUI5  ·  #XML  ·  multiinput  ·  Technical Articles

Deshabilite las teclas de retroceso y eliminación usando la función de controlador de eventos Entrada múltiple en SAP Ui5

By s4pcademy 


Hola a todos,

En este artículo voy a explicar cómo deshabilitar la tecla de retroceso y borrar teclas usando la función de controlador de eventos Entrada múltiple en SAP Ui5

Consulte este enlace para saber más sobre MultiInput: https://sapui5.hana.ondemand.com/sdk/#/api/sap.m.MultiInput%23overview

En primer lugar, en el archivo Xml, debemos agregar un campo de entrada múltiple como se muestra a continuación con la propiedad «actualización de token»,

En UI5, el control MultiInput permite a los usuarios ingresar múltiples valores en un solo campo de entrada. El evento tokenUpdate se activa cuando se agrega, quita o cambia un token en el control MultiInput. El tokenActualizar El controlador de eventos recibe un solo parámetro, que es un objeto que contiene información sobre el evento.

Para evitar que los usuarios eliminen o retrocedan valores en un control MultiInput en SAP UI5, puede agregar una función de controlador de eventos que desactive las teclas de retroceso y eliminación. Esta función se puede activar cuando un usuario presiona una tecla en su teclado mientras interactúa con el control MultiInput.

<MultiInput id="Input1" customData:hasValue="false" valueHelpOnly="true" valueHelpRequest="onNumber" tokenUpdate="ChangeToken"></MultiInput>

Este código a continuación se usa para deshabilitar la tecla de retroceso y eliminar teclas en una función de controlador de eventos en JavaScript. La función de controlador de eventos se activa cuando un usuario presiona una tecla en su teclado.

Las propiedades event.which, event.keyCode y event.charCode se utilizan para determinar qué tecla se presionó. Los diferentes navegadores pueden usar diferentes propiedades, por lo que se verifican los tres para garantizar la máxima compatibilidad.

Luego, a la variable clave se le asigna el valor del código de tecla que se presionó. Los valores 8 y 46 corresponden a las teclas de retroceso y borrar, respectivamente.

La declaración if verifica si la variable clave coincide con alguno de estos valores. Si lo hace, se ejecuta la declaración de inhabilitación. Sin embargo, este código por sí solo no parece estar completo, ya que deshabilitar no es una declaración de JavaScript válida y no está claro qué se está deshabilitando exactamente.

Es posible que este código esté destinado a evitar que el usuario elimine o retroceda un valor en un campo de entrada, pero sin más contexto o información es difícil decirlo con seguridad.

ChangeToken: function (oEvent) {
        var key = event.which || event.keyCode || event.charCode;
        if (key == 8 || key == 46) 
        {
         disable; //or write  event.preventDefault(); // prevent default behavior of backspace& delete keys
        }
}

Producción:

En la imagen de arriba podemos ver la entrada múltiple con token que se puede eliminar haciendo clic en el botón X y los tokens no se eliminarán haciendo clic en la tecla Eliminar o Retroceder.

Conclusión:

En conclusión, deshabilitar las teclas de retroceso y eliminar en una función de controlador de eventos para un control MultiInput en SAP UI5 puede evitar que los usuarios eliminen valores accidental o intencionalmente. Al usar las propiedades which, keyCode y charCode del objeto de evento para detectar cuándo se presiona la tecla de retroceso o eliminar, puede usar el método preventDefault() para evitar que se ejecute el comportamiento predeterminado de estas teclas. Esto puede ayudar a garantizar que los valores en el control MultiInput permanezcan intactos y precisos, mejorando la experiencia general del usuario.

¡¡Feliz aprendizaje amigos!!

Gracias y saludos,

Pooja DS



Source link


ControladorDeshabiliteeliminaciónentradaeventosfunciónlasmúltipleretrocesoSAPteclasUI5usando

Artículos relacionados


¿Qué es SAP BASIS?
FORMACIÓN SAP
¿Qué es SAP BASIS?
#SAP Analytic Cloud  ·  Product Information  ·  The Optimized Story Experience  ·  Unified Story
Unificación de historia y aplicación analítica con la nueva experiencia de historia optimizada en SAP Analytics Cloud
#Cloud Integration  ·  #cloud platform integration  ·  #ITSM service catalogue request integration  ·  Technical Articles
Creación de solicitudes de catálogo de servicios de ITSM con SAP CPI

Deja tu comentario Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

Reconocimiento de ingresos de línea recta-NIIF 16 utilizando el enfoque de valoración
Previo
Por qué el futuro de su negocio depende de su mayor activo presente
Siguiente

Madrid

Calle Eloy Gonzalo, 27
Madrid, Madrid.
Código Postal 28010

México

Paseo de la Reforma 26
Colonia Juárez,  Cuauhtémoc
Ciudad de México 06600

Costa Rica

Real Cariari
Autopista General Cañas, 
San José, SJ 40104

Perú

Av. Jorge Basadre 349
San Isidro
Lima, LIM 15073

Twitter Linkedin Instagram
Copyright 2022 | All Right Reserved.
Cookies Para que este sitio funcione adecuadamente, a veces instalamos en los dispositivos de los usuarios pequeños ficheros de datos, conocidos como cookies. La mayoría de los grandes sitios web también lo hacen.
Aceptar
Cambiar ajustes
Configuración de Cookie Box
Configuración de Cookie Box

Ajustes de privacidad

Decida qué cookies quiere permitir. Puede cambiar estos ajustes en cualquier momento. Sin embargo, esto puede hacer que algunas funciones dejen de estar disponibles. Para obtener información sobre eliminar las cookies, por favor consulte la función de ayuda de su navegador. Aprenda más sobre las cookies que usamos.

Con el deslizador, puede habilitar o deshabilitar los diferentes tipos de cookies:

  • Bloquear todas
  • Essentials
  • Funcionalidad
  • Análisis
  • Publicidad

Este sitio web hará:

Este sitio web no:

  • Esencial: recuerde su configuración de permiso de cookie
  • Esencial: Permitir cookies de sesión
  • Esencial: Reúna la información que ingresa en un formulario de contacto, boletín informativo y otros formularios en todas las páginas
  • Esencial: haga un seguimiento de lo que ingresa en un carrito de compras
  • Esencial: autentica que has iniciado sesión en tu cuenta de usuario
  • Esencial: recuerda la versión de idioma que seleccionaste
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies.
  • Advertising: Gather personally identifiable information such as name and location
  • Recuerde sus detalles de inicio de sesión
  • Esencial: recuerde su configuración de permiso de cookie
  • Esencial: Permitir cookies de sesión
  • Esencial: Reúna la información que ingresa en un formulario de contacto, boletín informativo y otros formularios en todas las páginas
  • Esencial: haga un seguimiento de lo que ingresa en un carrito de compras
  • Esencial: autentica que has iniciado sesión en tu cuenta de usuario
  • Esencial: recuerda la versión de idioma que seleccionaste
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies.
  • Advertising: Gather personally identifiable information such as name and location
Guardar y cerrar