Rejilla de datos - Eventos "Hovering" de imágenes

Este ejemplo muestra cómo capturar los eventos onBeforeHover y onAfterHover para la funcionalidad de "hovering" de imágenes. Para capturar estos eventos, necesita colocar el siguiente intérprete de órdenes en su función dax_loginSuccess.

    myGrid.onBeforeHover = function(athis){
        // Do something here
    }

    myGrid.onAfterHover = function(athis){
        // Do something here
    }

El parámetro de entrada es la referencia del objeto para el objeto de imagen interna. Puede utilizarse para obtener información sobre la imagen y la fila de la rejilla actual.

En este ejemplo, el evento onBeforeHover captura la información sobre la imagen "hovered". La información luego se aplicará a <IMG id="mypreview">.

    myGrid.onBeforeHover = function(athis){
        var imgcontainer = document.getElementById('mypreview');
        imgcontainer.src = athis.aContent;
        imgcontainer.width = athis.parent.picWidth;
        imgcontainer.height = athis.parent.picHeight;
    }

onAfterHover se utiliza para asignar una imagen vacía para la fuente de imagen en <IMG id="mypreview">.

    myGrid.onAfterHover = function(athis){
        var imgcontainer = document.getElementById('mypreview');
        imgcontainer.src = 'blank.png';
    }