martes, 7 de abril de 2020

Búsqueda de elementos por tipo en JS, y asignación de manejadores de eventos


Usando el DOM especificamente la instruccion querySelectorAll, podemos sin necesidad de usar JQuery buscar los elementos de un tipo especifico y asignar manejadores de eventos a cada elemento de modo que se pueda escribir un código generico para manejar los algunos eventos en particular.

Ejemplo de búsqueda de radiobuttons en todo el documento html, para asegurarse de que solo hay 1 activado y al darle clic en cualquiera de los radio buttons.


//Búsqueda de todos los radio buttons para asociarles el evento click

       
       var radios= document.querySelectorAll('input[type="radio"]');
    radios.forEach(function(itm) {
            itm.onclick = function() {
                var rds = document.querySelectorAll('input[type="radio"]');

                rds.forEach(function(chk) {
                    chk.checked = false; //poner en check false a todos los radio buttons
                });

                this.checked = true; // habilitar el check del que recibio el clic

                //Colocar aquí código para acciones especificas de negocio o funcionalidades

            }        
    }

Transacciones Fiori

  /UI2/CACHE Register service for UI2 cache use /UI2/CACHE_DEL Delete cache entries /UI2/CHIP Chip Registration /UI2/CUST Customizing of UI ...