Rejilla de datos - Previsualización de imágenes al pasar el ratón "Hovering"

Este ejemplo se concentra en la nueva funcionalidad de hovering de imágenes en la rejilla de datos. Esta funcionalidad se activa por defecto cuando se crea una rejilla de datos. Para desactivar o activar esta funcionalidad, el comando enablePicturePreview(true/false) debe llamarse antes de crear la rejilla con el comando go().

    Sintaxis: myGrid.enablePicturePreview(true/false);

En este ejemplo, 2 funciones (enableImageHover y disableImageHover) se crean para conservar cada opción por separado. La principal diferencia de cada función es el parámetro que se pasa en el comando enablePicturePreview();

    function enableImageHover(){
        if(!hoverenabled){
            if(myGrid != null)
                myGrid.destroy();
            myGrid = new dax_dataGrid('Contacts', $('mydiv'), 1, 0, false);
            myGrid.enablePicturePreview(true);
            myGrid.go();
            myGrid.allowEditor(false);
            hoverenabled = true;
        }
    }

    function disableImageHover(){
        if(hoverenabled){
            if(myGrid != null)
                myGrid.destroy();
            myGrid = new dax_dataGrid('Contacts', $('mydiv'), 1, 0, false);
            myGrid.enablePicturePreview(false);
            myGrid.go();
            myGrid.allowEditor(false);
            hoverenabled = false;
        }
    }